kmllev Ответов: 0

Динамическое создание строк и столбцов?

Мне нужно иметь возможность создать таблицу, которая динамически создает дочерние / вложенные столбцы.
Максимум - 3 уровня.
Например, если вы нажмете кнопку "разделить" в столбце на уровне 1, он автоматически создаст второй уровень с 2 столбцами, вложенными под ним. Если вы снова нажмете на кнопку "разделить" в том же столбце на уровне 1, он добавит еще один столбец на 2-й уровень, вложенный под ним. И так далее, и тому подобное.

Все это должно храниться в базе данных.

Что я уже пробовал:

У меня есть этот блок жестко закодированной таблицы:

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
}
</style>
</head>
<body>

<table>
  <tr>
    <th rowspan=3>Month</th>
    <th colspan=3>Savings</th>
    <th rowspan=3>Savings for holiday!</th>
  </tr>
  <tr>
  <td colspan=2>Daily</td>
  <td>Weekly</td>
  </tr>
  <tr>
  <td>1</td>
  <td>2</td>
  <td>1</td>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
    <td rowspan="2">$50</td>
    <td>$56</td>
    <td>$45</td>
  </tr>
  
  <tr>
    <td>February</td>
    <td>$80</td>
    <td>$34</td>
    <td>$48</td>
  </tr>
</table>

</body>
</html>


Но значения здесь фиксированы.
Выход: Стол

0 Ответов