Прежде всего, я не очень хорошо разбираюсь в веб-дизайне.
Мне нужно динамически создавать таблицу с переменным числом столбцов, определенным во время выполнения.
Может кто-нибудь сказать мне, возможно ли иметь таблицу html с равными размерами столбцов, которые полностью растянуты?
Любые подсказки?
<table width="400px">
<tr>
<td width="100px"></td>
<td width="100px"></td>
<td width="100px"></td>
<td width="100px"></td>
</tr>
</table>
Для переменной числа столбцов используйте%
<table width="100%">
<tr>
<td width="(100/x)%"></td>
</tr>
</table>
где 'x' - количество столбцов
Если вы не знаете, сколько столбцов у вас будет, объявление
table-layout: fixed
вместе с не устанавливая ширины столбцов, будет означать, что браузеры разделяют общую ширину равномерно - независимо от того, что.
Это также может быть проблемой с этим подходом, если вы используете это, вы также должны рассмотреть вопрос о том, как обрабатывать переполнение.
ВСЕ, ЧТО ВЫ ДОЛЖНЫ ДЕЛАТЬ:
HTML:
<table id="my-table"><tr>
<td> CELL 1 With a lot of text in it</td>
<td> CELL 2 </td>
<td> CELL 3 </td>
<td> CELL 4 With a lot of text in it </td>
<td> CELL 5 </td>
</tr></table>
CSS:
#my-table{width:100%;} /*or whatever width you want*/
#my-table td{width:2000px;} /*something big*/
если у вас есть th, вам нужно установить его так:
#my-table th{width:2000px;}
floor(100/n)