Таблица шириной 100% со столбцами одинакового размера. (имя переменной)

Question

Прежде всего, я не очень хорош в веб-дизайне.

Мне нужно динамически создать таблицу с переменным числом столбцов, определенным во время выполнения.

Может кто-нибудь сказать мне, возможно ли иметь HTML-таблицу с полностью растянутыми столбцами одинакового размера?

Есть подсказки?

Answer 1

Если вы не знаете, сколько столбцов у вас будет, объявление

table-layout: fixed

вместе с не установка ширины столбца , будет означать, что браузеры делят общую ширину равномерно - несмотря ни на что.

Это также может быть проблемой с этим подходом, если вы используете это, вы должны также рассмотреть, как переполнение должно быть обработано.

Answer 2

<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' - количество столбцов

Answer 3

ВСЕ, ЧТО ВЫ ДОЛЖНЫ ДЕЛАТЬ:

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*/