Ячейки таблицы html объединяют

У меня есть таблица с тремя строками и тремя столбцами. Как объединить столбцы последней строки? Мой html:

<table>
  <tr><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td></tr>
  <tr><td>Here I need a cell by all width</td></tr>
</table>

Ответы

Ответ 1

Используйте атрибут colspan:

<tr><td colspan="3">Here I need a cell by all width</td></tr>

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

Существует связанный атрибут rowspan, который обеспечивает то же самое для строк.

Ответ 2

Для этой цели был создан атрибут colspan.

<table>
  <tr><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td></tr>
  <tr><td colspan="3">Here I need a cell by all width</td></tr>
</table>

Аналогичным образом вы можете использовать атрибут rowspan, если хотите охватить несколько строк.

<table>
  <tr><td></td><td></td><td rowspan="3">Spans full table height</td></tr>
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
</table>

Чтобы узнать больше об этих двух атрибутах, посетите официальную документацию по w3.org.

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