Как браузер использует атрибут Width в ячейках таблицы?Нужно ли устанавливать атрибут width для каждой ячейки таблицы HTML?
Я широко использую таблицы в своем приложении и в основном использую Fixed layout, при этом все столбцы имеют заданную ширину.
Что мне интересно знать, нужно ли указывать ширину ячейки в каждой строке? или это достаточно, если мы сделаем это в заголовке таблицы и не укажем ничего в теле таблицы?
Если вы используете фиксированный макет таблицы в техническом смысле, то есть имеете объявление CSS table-layout: fixed, тогда первая строка определяет ширину столбца, а любые настройки ширины для ячеек в других строках будут игнорироваться. (Это может привести к усечению контекстов ячеек - это часть идеи фиксированной компоновки.)
В противном случае требования к ширине всех ячеек учитываются браузером при вычислении ширины столбцов. Поэтому, если у вас есть width=100 в ячейке в строке заголовка, но другая ячейка в том же содержимом имеет контент, который требует минимум 200 пикселей, эта ширина будет использоваться, и ваши настройки для ячейки первой строки будут проигнорированы.
Указание атрибута width один раз в столбце должно быть достаточным в большинстве случаев. Его даже не нужно указывать в первой строке, если она указана в следующей строке.
Простые jsFiddle example.