У меня есть таблица, и в каждой ячейке я хочу поместить строки, но они намного более широки, чем ширина ячеек. Для предотвращения разрыва строки я хотел бы укоротить строки, чтобы соответствовать ячейке и добавить '...' в конце, чтобы указать, что строка намного длиннее.
Таблица имеет приблизительно 40 строк и должна быть сделана к каждой ячейке, таким образом, его важное, что это - быстрое. Я должен использовать JS/jQuery для этого?
Как я сделал бы это?
Спасибо за Ваше время.
С уважением,
Marius
Для этого можно использовать CSS - text-overflow: ellipsis - с некоторыми оговорками для определенных браузеров и обходными путями, перечисленными здесь:
http: //mattsnider.com/css/css-string-truncation-with-ellipsis/ (заархивировано)
это должно помочь, где 8 - это размер текста, который вы хотите сохранить
$('td').each(function(){
$(this).text($(this).text().substring(0,8)+"...");
});
, чтобы ответить на ваш комментарий. Я думаю, что jquery width () должен помочь вам начать работу, но я думаю, что ваш поднявшись по скользкой дороге, вам следует подумать о чем-то другом, например о помещении текста в div или использовании flexigrid или jgrid