Проблемы с таблицей HTML

Question

У меня есть основная таблица, а затем вставьте вложенные таблицы каждый тд. Как показано ниже Проблема, скажем, у меня есть:

<table id = "main>
<tr>
<th id = "header1">blah</td>
<th id = "header2">blah</td>
<th id = "header3">blah</td>
</tr>
<tr><td>
<table id = "sub1">
<tr><td headers='header1'>1</td></tr>
</table>
</td>
<td>
<table id = "sub2">
<tr><td headers='header2'>2</td></tr>
</table>
</td>
<td>
<table id = "sub3">
<tr><td headers='header3'>3</td></tr>
</table>
</td>
</tr>
</table>

теперь, если в sub1 есть только 4 строки, а в sub 2 и 3 по 100 строк, таблица продолжает помещать таблицу sub1 в середину остальной части таблицы. Как я мог бы остановить это от этого?

Answer 1

Попробуйте это:

<td valign="top">

Необходимо указать, где выровнять содержимое td

Answer 2

Если вы увеличиваете / уменьшаете нет.строк / столбцов в ваших таблицах, вам может потребоваться настроить их через свойства rowspan и colspan.Также отображение текста в верхней части любой ячейки требует valign="top" свойство

Answer 3

Сделать вторую строку таблицы (после строки заголовка) открывающим тегом <tr style="vertical-align:top">.Это сработает, и нет необходимости в rowspan или colspan.

Answer 4

Посмотрите на valign

<td valign='top'>

Обновленный источник

<table id = "main>
<tr>
<th id = "header1">blah</td>
<th id = "header2">blah</td>
<th id = "header3">blah</td>
</tr>
<tr><td valign='top'>
<table id = "sub1">
<tr><td headers='header1'>1</td></tr>
</table>
</td>
<td>
<table id = "sub2">
<tr><td headers='header2'>2</td></tr>
</table>
</td>
<td>
<table id = "sub3">
<tr><td headers='header3'>3</td></tr>
</table>
</td>
</tr>
</table>