HTML таблицы объединяются

Question

У меня есть таблица с 3 строками и 3 столбцами. Как можно объединить последние столбцы строки? Мой 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>

Answer 1

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

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

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

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

Answer 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 .

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