Ширина таблицы слишком широка для страницы - jQuery?

Question

У меня есть HTML-таблица, отображающая множество столбцов в одной строке (~ 25), и таблица выходит за рамки размера страницы и вызывает полосы прокрутки.Это ожидаемое, но нежелательное поведение.

Я ищу способ сжатия содержимого каждого столбца с возможностью увеличения столбцов при необходимости.

Так что в настоящее время строка в моей таблицебудет выглядеть примерно так:

информация1 |информация2 |информация3 |информация4 |information5

Желаемая функциональность будет выглядеть примерно так:

infor ... |информация ... |информация ... |информация ... |infor ...

С каждым из этих столбцов можно растягиваться или зависать и т. д. ... для просмотра всего содержимого.Я видел несколько плагинов jQuery, таких как zentable и ingrid, которые позволяют изменять размер столбца, но не объединять его, насколько я знаю, чтобы разместить все содержимое таблицы в родительском элементе без полос прокрутки.

Answer 1

Вы ищете многоточие ? Вот когда текст обрезается и сопровождается точками ......

Добавить многоточие, если текст переполняет контейнер:

overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
width: 100%;

Этот сотрудник предоставляет более подробную информацию об этом.