CODE EXAMPLE FOR JAVASCRIPT

how to make colspan of table footer flexible with javascript/jQuery

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="testTable" class="table table-bordered">
  <thead>
    <tr>
      <th>Info</th>
      <th>Info</th>
      <th>Info</th>
      <th>Info</th>
      <th>Sum</th>
      <th>Sum</th>
      <th>Info</th>
      <th>Sum</th>
      <th>Info</th>
      <th>Info</th>
      <th>Sum</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Text</td>
      <td>Text</td>
      <td>Text</td>
      <td>Text</td>
      <td>23</td>
      <td>2</td>
      <td>Text</td>
      <td>245</td>
      <td>Text</td>
      <td>Text</td>
      <td>4</td>
    </tr>
    <tr>
      <td>Text</td>
      <td>Text</td>
      <td>Text</td>
      <td>Text</td>
      <td>23</td>
      <td>2</td>
      <td>Text</td>
      <td>245</td>
      <td>Text</td>
      <td>Text</td>
      <td>4</td>
    </tr>
    <tr>
      <td>Text</td>
      <td>Text</td>
      <td>Text</td>
      <td>Text</td>
      <td>23</td>
      <td>2</td>
      <td>Text</td>
      <td>245</td>
      <td>Text</td>
      <td>Text</td>
      <td>4</td>
    </tr>
    <tr>
      <td>Text</td>
      <td>Text</td>
      <td>Text</td>
      <td>Text</td>
      <td>23</td>
      <td>2</td>
      <td>Text</td>
      <td>245</td>
      <td>Text</td>
      <td>Text</td>
      <td>4</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>

    </tr>
  </tfoot>
</table>