Моя ширина HTML таблицы неизвестно, и я хочу, чтобы сделать его фиксированную ширину для каждого TDКак сделать HTML таблицу фиксированной ширины, когда изменение размера страницы
table-layout=fixed
работает, если установить ширину таблицы. Однако моя ситуация такова, что ширина таблицы неизвестна:
<table style="border:solid 1px #333;table-layout:fixed">
<tr>
<td style="width:200px">200</td>
<td style="width:300px">300</td>
</tr>
<tr>
<td><input style="width:100%"></td>
<td><input style="width:100%"></td>
</tr>
</table>
выше примера работает красиво, если моя ширина браузера страницы больше, чем 500px, однако при изменении размера страницы, мне нужно солесодержание остаться с фиксированным.
Если нет input
внутри тд следующие будут работать:
<table style="table-layout:fixed">
<tr>
<td style="min-width:200px">
Однако есть вход в тд
работает версия следующая, каждый раз, когда изменение размера тд, необходимо обновление ширины таблицы:
<table style="table-layout:fixed;width:500px">
<tr>
<td style="min-width:200px">
Ну, я, наконец, нашел, что это работает так: мин-ширина + размер = 1 рабочий :)
<table style="table-layout:fixed">
<tr>
<td style="min-width:200px">header</td>
</tr>
<tr>
<td><input size="1"></td>
</tr>
https://jsfiddle.net/7nttub0b/3/
Для этого обычно используется colspan, но если вам это нужно, у вас должен быть фиксированный размер таблицы. Зачем нужен столбец фиксированного размера с неизвестным размером таблицы? Если вы хотите достичь этого, сделайте таблицу 500px, colspan = 2 для первого столбца и colspan = 3 для второго столбца. – applecrusher
Вы не фиксировали ширину на том, что вы не знаете ширины? Зачем? –