У меня есть таблица, в одной из ячеек которой есть длинная строка. Мне нужно разделить длинную строку, чтобы ширина таблицы не превышала 100%. Я обнаружил, что, добавив table-layout: fix и word-wrap: word-break, длинная ячейка будет перенесена. Однако побочным эффектом использования table-layout является то, что все столбцы будут иметь одинаковую ширину.
Пример этого можно увидеть здесь:
http://jsfiddle.net/RYdLd/2/
Как я могу сделать автоматический размер ширины первого столбца таким, чтобы он соответствовал только его содержимому? (т. е. в этом примере она должна быть достаточно широкой, чтобы в этом столбце отображались 1 и 2.)
Данные в таблице будут загружаться динамически, поэтому решение, в котором жестко закодированы значения ширины, не является хорошим, поскольку невозможно заранее узнать, какой ширины должен быть столбец. Мой единственный вариант — использовать , я не могу использовать или какой-либо другой элемент.
Подробнее здесь: https://stackoverflow.com/questions/456 ... -in-others