Фиксированная ширина столбца таблицы

У меня проблемы с установкой фиксированной ширины для столбцов таблицы. Взгляните на пример jsfiddle:

http://jsfiddle.net/Stylock/jJ6DK/

Средний столбец должен иметь ширину 300px, а левый столбец должен быть шириной 80px, но по какой-то причине все три столбца имеют одинаковую ширину. Кто-нибудь знает, как это исправить?


html css jsfiddle
person Stylock    schedule 04.04.2013    source источник
comment
Вы указали ширину таблицы? Можете ли вы опубликовать код здесь, потому что по какой-то причине я не могу получить доступ к jsFiddle.   -  person Umesh    schedule 04.04.2013

Ответы (2)


arrow_upward
3
arrow_downward

Удалите этот стиль css вашей таблицы, и он должен работать:

table-layout: fixed;

Демонстрация: http://jsfiddle.net/jJ6DK/6/

Когда вы устанавливаете table-layout: fixed для своей таблицы, она будет использовать следующие алгоритмы:

  • Горизонтальное расположение зависит только от ширины таблицы и ширины столбцов, а не от содержимого ячеек.
  • Позволяет браузеру отображать таблицу быстрее, чем автоматическая разметка таблицы.
  • Браузер может начать отображать таблицу после получения первой строки.
person Eli    schedule 04.04.2013
comment
Хорошо, я думаю, что это лучший ответ! - person Stylock; 04.04.2013

arrow_upward
2
arrow_downward

Удалить table-layout: fixed из table:

table {
    border: 1px solid #D7E4B9;
    background: #B4CDCD; 
}

Фиксированный код: http://jsfiddle.net/jJ6DK/2/

person chrx    schedule 04.04.2013