Sobes.tech
Назад к вопросам
Junior — Middle
73

Какими способами можно реализовать таблицу с объединением ячеек по горизонтали и вертикали в HTML и CSS?

Компании, где спрашивали
Вкусно и точкаВкусно и точка

Ответ от нейросети

sobes.tech AI

В HTML для объединения ячеек по горизонтали и вертикали используются атрибуты colspan и rowspan соответственно.

  • colspan — объединяет несколько ячеек по горизонтали (столбцам).
  • rowspan — объединяет несколько ячеек по вертикали (строкам).

Пример таблицы с объединёнными ячейками:

<table border="1">
  <tr>
    <th rowspan="2">Имя</th>
    <th colspan="2">Оценки</th>
  </tr>
  <tr>
    <th>Математика</th>
    <th>Физика</th>
  </tr>
  <tr>
    <td>Иван</td>
    <td>5</td>
    <td>4</td>
  </tr>
</table>

CSS обычно не используется для объединения ячеек, но можно стилизовать таблицу и ячейки для улучшения внешнего вида.

В iOS (если речь о разработке интерфейсов) для создания таблиц с объединёнными ячейками можно использовать кастомные реализации UITableView или UICollectionView, так как стандартные компоненты не поддерживают объединение ячеек напрямую.