Столбец таблицы фиксированного размера

Question

В настоящее время я создаю сайт, а в разделе страницы есть стол в среднем столбце внешней таблицы из трех столбцов. Я пытаюсь получить эту внутреннюю таблицу (или средний столбец большой таблицы), чтобы не изменять размер при изменении размера окна.

В настоящее время, когда размер окна изменяется, 2 внешних столбца большой таблицы все сжимаются, что сокращает средний столбец и, следовательно, мою таблицу внутри этой колонки. Я хотел бы, чтобы изменение размера удалялось только из внешних столбцов большого стола и не изменяло размер среднего столбца. Надеюсь, это имело смысл. #tableception

Answer 1

Я считаю, что вы могли бы использовать CSS и поместить фиксированную ширину на центральной таблице, которая у вас есть в вашей основной таблице. Я полагаю, что ваш центральный стол имеет идентификатор «centertable»:

<style type='text/css'> 
#centertable { 
    width: 200px; 
} 
</style> 

<table id="centertable"> 
.... 
</table> 

Это фиксирует ширину до 200 пикселей. Вы можете использовать свойство min-width CSS, чтобы установить минимальную ширину (которая позволяет сокращать таблицу только до определенного размера) и/или свойство max-width, чтобы установить максимальную ширину.

Answer 2

Очевидным ответом является просто установить определенную ширину для столбца, который вы не хотите изменять (в вашем случае средний, если я правильно понимаю). Однако было бы очень полезно, если бы вы также разместили код или даже fiddle.

Answer 3

Чтобы выбрать средний столбец вы можете использовать:

table tr td+td { 
    width: 200px; //Your preferred width 
} 

//OR 
table tr td:nth-child(odd) { 
    width: 200px; //Your preferred width 
} 

Answer 4

Поместите фиксированную ширину в ячейку первой колонки (возможно, <th>). Пример:

th.middle-column { 
    with: 300px; 
}