ШОУ Строки таблицы / СКРЫВАЕТСЯ *Без* Изменение размеров Ширины столбца, w/TableLayout: автоматический

Можно отобразить детали строки под нажатой в DIV и установить

style="overflow:auto";

таким образом, это детализирует, перенесется, и полоса прокрутки будет доступна для отображения всего текста.

Я установил бы один процент шириной на каждом столбце просто как руководство. Установите его только однажды на TH каждого столбца. Браузер все еще скорректирует столбцы к содержанию при необходимости, но столбцы будут оставаться на месте более последовательно.

Затем, я никогда не помещал бы CSS, "белую-space:nowrap" нигде на той таблице. Длинное описание не должно повреждать сервировку, оно должно повториться правильно на нескольких строках и быть читаемо при установке ширин на каждом столбце для удовлетворения типу данных. Так же я сохранил бы использование (не вскрываемые пробелы) на даты, времена и числа и позволил бы тексту переноситься.

Кроме этого, я делаю это в своем задании на dialy основе, и существует время, когда необходимо остановить ulling волосы, просящие, чтобы браузер сделал что-то, что это не разработано, чтобы сделать. Содержание должно течь и адаптироваться. Блокировка ширины столбцов к пикселям составляет 99,99999% времени плохая идея.

PS: Если Вам действительно, действительно, ДЕЙСТВИТЕЛЬНО нужно к столбцам блокировки, единственное решение, о котором я знаю, который работает с CSS2 и через все браузеры, состоит в том, чтобы использовать изображения. Вы могли вставить прозрачное изображение gif 1 пкс высотой в каждый столбец, и рассчитывающий в дополнении ячеек (TD), установить один пиксель шириной на каждом изображении (IMG), вместо на столбцах (TH/TD). Вы могли скрыть тех, которые в TH, например. Можно оставить изображения в 1 пикселе шириной и установить ширины процента на TDS, и когда Вы открываете новую строку, Вы получили бы каждую ширину столбца минус Дополнение TD и установили бы это на соответствующий IMG. Я не попробовал! Я просто знаю, что во многих проектах продолжил работать, я использовал маленькие изображения gif для блокировки минимального пространства по вертикали между столбцами, например.

Я не знаю, знакомы ли Вы с jQuery, но это - то, что я использовал бы - в сочетании с отдельным классом для столбца, к которому это вызывает изменение размеров в новой строке-:

1. Вычислите / добираются со столбца
2. Установите с перед упомянутым классом
3. Добавьте строку

Я не попробовал его, но это должно сделать это.

Между прочим, существуют, вероятно, другие способы сделать это, я просто более знаком с jQuery (для точки 1. и 2.).