Как связать ячейки таблицы между собой и выровнять высоту строки по наибольшей ячейке?

Практическое решение.
Падинги задаю через класс css.

const table = ref(null)
onMounted(() => {
  const rows = Array.from(table.value.querySelectorAll('.table__cell'))
  for (let counterColumn = 0; counterColumn < props.cells.length + 1; counterColumn++) {
   let row = rows
      .filter((rowsItem) => +rowsItem.dataset.row === counterColumn)
      .sort((a, b) => b.offsetHeight - a.offsetHeight)
  row.map((cell) => {
    let paddingHeight = parseInt(getComputedStyle(cell).paddingTop) + parseInt(getComputedStyle(cell).paddingBottom)
    cell.style.height = row[0].offsetHeight - paddingHeight + 'px'
  })
  }
})

Как связать ячейки таблицы между собой и выровнять высоту строки по наибольшей ячейке?

Моим теоретическим решением на данный момент является присвоение дата атрибута к ячейкам строки.