[Юсуф]

Доброе утро! Прошу не судить строго и помочь небольшим примером.
Есть код js который размножает строки в таблице

<div class="rows">
       <table id="SmetaTable">
           <thead><tr><td>№</td><td>Наименование</td><td>Ед. изм.</td><td>Объем</td><td>Мат-ал</td><td>СМР</td><td>Всего</td</</thead>
           <tbody id="form"> </tbody>
             
             <tr>
                 <td colspan="7">
                        <button type="button" id="dobavit">Новая строка</button>
                        <button type="button" id="dobavit2">Новый раздел</button>
                 </td>
             </tr>
       </table>
        
  </div>

И js код

var $btn = $('#dobavit'); // кнопка создание подраздела (строки)
     var $btns = $('#dobavit2'); //Кнопка для создание раздела
     var $nums =  2;
     var $numsStroca =1;

       $btns.click(function (ResutNms) { // Функция создает раздел с input внутри
             var $ResutNms = $nums++;
                $('#form').append("<tr><td colspan='7'><input id='Razdel' type='' value='"+$ResutNms+".'/></td></tr>");
         });
      
       $btn.click(function () {  // Функция создает строку
         var $NumPodstr = numsStroca++;
         var $result = ResutNms+'.'+NumPodstr ; // Должно получиться 1.1, 1.2. и т.п.

          $('#form').append("<tr><td>"+result+"</td><td id='SmetaTableName'><input type='text'  /></td><td id='SmetaTableSelec'><select><option></option></select></td><td id='SmetaTableObem'><input type='text' value='' /></td><td id='SmetaTableMat'><input type='text' value='' /></td><td id='SmetaTableSMR'><input type='text' value='' /></td><td id='SmetaTableItog'><input type='text' value='' /></td></tr>");

         });

Так вот все нормально работает но мне нужно сделать нумерацию. то есть при каждом добавление раздела должно быть номер подраздела. нумерация раздела у меня получается, а вот никак не могу провести нумерацию подраздел.
Результат должен получиться такой:
1. Раздел
1.1. Строка
1.2. Строка
1.3. Строка
2. Раздел
2.1. Строка
2.2. Строка
...