Ограничение ширины данных столбца до фиксированного размера в Bootstrap 3

Question

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

Но я хотел бы, чтобы отобразить ограниченную длину описания. Короче говоря, I would like to display first 2 to 3 lines of data [or 300 characters] and followed by .....

Если возможно, паря над колонной описание должно показать полное описание как tooltip

Как этого добиться?

Answer 1

Настроить максимальную высоту в строке таблицы, а затем использовать свойство эллипсиса CSS для отображения данных обрезки (не требуется JS/Jquery).

http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/

Это обрежет когда данные перегружает строку таблицы и показать точки автоматически. Вы можете отображать полные данные на подсказке инструмента, просто обертывая ваши данные или просматривая подсказку. Вы можете поблагодарить меня, приняв ответ.

CSS:

применять класс MyTable на теге и использовать этот CSS:

.mytable tbody tr td{ 
    max-width:200px; /* Customise it accordingly */ 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

Answer 2

Поместите свой текст в $string переменной, а затем использовать:

$short_string = (strlen($string) > 300) ? substr($string,0,300) : $string; 

Это будет проверять ваш текст и если это более 300 символов, это даст вам первые 300 символов.
Или используйте этот код для добавления '...' в конце новой короткой строки.

$short_string = (strlen($string) > 300) ? substr($string,0,300).'...' : $string;