Как сделать тд / й тэги фиксированной ширины?

Question

Я пытаюсь создать таблицу для веб-сайта с фиксированной шириной, но с фиксированной шириной на основе тегов td с фиксированной шириной, а не с фиксированной шириной всей таблицы.Необходимость в этом заключается в том, что я показываю и скрываю некоторые столбцы динамически с помощью jQuery и с помощью плагина прокрутки jQuery для прокрутки таблицы по мере ее расширения.Проблема, с которой я сталкиваюсь, заключается в том, что когда ширина тегов td делает таблицу шире, чем содержащую ее div, теги td начинают уменьшаться, вместо того, чтобы поддерживать их ширину.Пока что ничего из того, что я сделал, не заставило тэги оставаться правильной ширины.Вы можете увидеть jsfiddle того, с чем я имею дело:

http://jsfiddle.net/MxE9A/1/

Как сделать теги td фиксированной ширины, даже если они делают таблицу шире, чем ееконтейнер?

Answer 1

Вы можете использовать max-width и min-width в css, чтобы определить минимальную и максимальную ширину, которую вы хотите достичь, чтобы ваши td.

Answer 2

Ха-ха, так что я никогда не делал так, но вот решение для вас. Добавить следующее:

tr {
    font-size: 0px;
    white-space: nowrap;
}
th, td {
    display: inline-block;
}

Обратите внимание, что это будет совместимо только с IE7 +, но вы можете использовать приемы, чтобы заставить его правильно отображаться как встроенный блок в IE 7 .

Хитрость в том, чтобы установить их на display: inline-block, чтобы они выходили за пределы конца элемента (используя white-space: nowrap).