HTML таблицы TD и TH не совпадают для jquery Datatables

Question

Я использую rails Jquery datatable в rails. Это говорит о том, что ваши th и td счетчики должны совпадать, как объяснено в https://www.gyrocode.com/articles/jquery-datatables-common-javascript-console-errors/#typeerror-cannot-read-property-mdata-of-undefined

Всякий раз, когда я комментирую приведенный выше код, он будет отображать ошибку в консоли

Хорошо работает, если я не использую colspan

<table class="table table-striped table-bordered add-data-table-view">
  <thead>
    <tr>
      <th>Sr No</th>
      <th>Name</th>
      <!-- <th colspan="2">Action</th> -->
    </tr>
  </thead>
<% @i = 0 %>
<% count = ((params[:page] || 1).to_i - 1)*10 +1  %>
  <tbody>
    <% @designations.each_with_index do |designation, i| %>
      <tr>
        <td><%= count + i %></td>
        <td><%= designation.name %></td>
        <!-- <td><%= link_to 'Edit', edit_designation_path(designation) %></td> -->
        <!-- <td><%= link_to 'Destroy', designation, method: :delete, data: { confirm: 'Are you sure?' } %></td> -->
      </tr>
    <% end %>
  </tbody>
</table>
<%= will_paginate @company_branches, :container => false %>