Столбец таблицы сдавлен полосами прокрутки

Question

Я знаю, что раньше об этом спрашивали почти так же, но, похоже, ответы на меня не применимы.

У меня есть таблица внутри контейнера DIV.Когда в таблице 5 строк, полосы прокрутки на оси x показаны, однако вы можете видеть, что содержимое столбца 1 сдавливается.

Ширина обоих столбцов 2 и 3 фиксирована, но1 допускается подстраиваться под правильную ширину.Когда я пытаюсь измерить ширину текста (копируя его в промежуток), это неправильный размер, в противном случае я просто подсчитал бы ширину 3 столбцов и отрегулировал ширину таблицы.

Какбы я придумал сквош или получил ширину стола?JQuery говорит мне, что ширина и внешняя ширина равны нулю ...

Answer 1

Попробуйте добавить правило css к элементам в колонке пробел: nowrap;

В противном случае вы можете поиграть в нее или предоставить ссылку?

Answer 2

Не видя скрипки, я могу только предположить, что вы явно устанавливаете высоту ячеек / строк ( столбец и 2/3 отображаются на одной строке в заголовке);если бы он был гибким, он работал бы без обрезки контента.Это также приспособило бы для более длинных заголовков.

Если это не вариант, установите overflow:hidden;text-overflow:ellipsis; в ячейках;это приведет к тому, что они будут отображаться как «Доктор Кто: Атака ...», если содержание просто не подходит.