Untitled

<div id="pak-container">
  <table id="pakTable">
    <thead>
      <tr>
        <th class="nomor">No.</th>
        <th class="nama">Nm</th>
        <th class="left-border sum">Tagging</th>
        <th class="sum">Sum</th>
        <th class="nominal">Pag</th>
        <th colspan="2" class="add-cell"><button id="addPakBtn" >Add</button></th>
      </tr>
    </thead>
    <tbody id="paks">
        <!-- Table rows will be dynamically added here using JavaScript -->
    </tbody>
  </table>
</div> 
<template id="rabTemplate">
  <div class="rab-container">
    <table class="rab-table">
      <thead>
        <tr>
          <th class="nomor">No.</th>
          <th class="nama">Nm</th>
          <th class="sum">Sum</th>
          <th class="sum">Sat</th>
          <th class="sum">Jum</th>
          <th class="nominal">Har</th>
          <th class="nominal">Sub Total</th>
          <th colspan="2" class="right-border add-cell"><button class="add-rab-btn">Add</button></th>
        </tr>
      </thead>
      <tbody class="rabs">
          <!-- Table rows will be dynamically added here using JavaScript -->
      </tbody>
    </table>
  </div>  
</template>