Хорошая практика таблицы - лучший способ сделать заголовки в таблице?

Question

У меня в основном есть таблица данных, и я хочу установить интервал, чтобы не все было тесно. Однако я хочу, чтобы строка заголовка таблицы (первая строка) игнорировала правила заполнения ячеек.

Есть ли хороший способ сделать это? Или мне нужно создать отдельную таблицу или что-то для заголовка?

Answer 1

Да, в вашем CSS:

table thead th { padding: 0; }
table tbody td { padding: 15px; }

при условии:

<table>
<thead>
<tr>
  <th colspan="4">Big Heading</th>
</tr>
</thead>
<tbody>
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
</tr>
</tbody>
</table>

Answer 2

Используйте thead и tbody .

Применение стилей заполнения только для tbody.

Answer 3

Вы можете использовать th вместо td для ячеек таблицы в заголовке таблицы. Затем вы можете определить отдельные стили для заголовка и для ячеек тела.

Answer 4

«Строка заголовка» звучит как идеальный контент для элемента <caption>.