Я читал в форуме о <tfoot> элементе, что он должен появиться после <thead> элемента. И все время его показывает внизу. Как сделать, чтобы его показать на верху таблицы.
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
Теги таблица на то и придуманы чтобы было логичное разделение блоков где: <thead> – это шапка таблицы, <tbody> – ее тело и <tfoot> – подвал, не иначе! Если уж вам это очень нужно, вы можете переопределить стили:
tfoot {
display: table-row-group;
/*display: table-header-group; /* или так */
}
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей