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

во-первых, я не совсем хорош в веб-дизайне.

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

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

какие-то намеки ?

4 54
html css

4 ответа:

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

49

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

table-layout: fixed

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

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

129

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

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*/
8
  1. выясните, сколько столбцов вы хотите
  2. выясните, какой процент ширины нужен каждому столбцу:floor(100/n)
  3. применить процент ширины к ячейкам заголовка, как вы выводите их
  4. ???
  5. профит!!
-8