Таблица с помощью блоков DIV

Web Frontend: JavaScript, HTML/CSS
#1

Здравствуйте.
Не подскажите есть ли аналог какой то объединения ячеек при построении таблицы при помощи блока div.
Имеется таблица на блоках div

<style>
.d-table{
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.d-tr{
  display: table-row;
}
.d-td{
  display: table-cell;
  text-align: center;
  border: none;
  border: 1px solid #ccc;
  vertical-align: middle;
}
</style>
<div class="d-table">
  <div class="d-tr">
    <div class="d-td">11111</div>
    <div class="d-td">22222</div>
    <div class="d-td">33333</div>
  </div>
    <div class="d-tr">
    <div class="d-td">44444</div>
  </div>
    <div class="d-tr">
    <div class="d-td">55555</div>
    <div class="d-td">66666</div>
    <div class="d-td">77777</div>
  </div>
</div>

Вопрос как растянуть строку на всю длину таблицы?
В обычной таблице <table> решением было colspan, а вот в div не могу найти решения =(

#2

А зачем делать таблицу не через <table>?)

#3

придется через <table> сделать

#4

Ну так <table> же и предназначен для таблиц, почему б его не использовать.

Конечно наверняка можно и с div что-то придумать с помощью width и т.п., но непонятно зачем.

В CSS Grid еще вроде есть grid-column-start / end

#5

Уже переписал на table всё и вопрос решился.
Спасибо за помощь