Bootstrap и Datatables Свернуть строку

Question

У меня возникла проблема с распаковкой новых строк и плагинов.

HTML/Rails код:

<table class="table table-bordered users-list"> 
<thead> 
<tr> 
    <th> 
    XXX 
    </th> 
    <th> 
    XXX 
    </th> 
    <th> 
    XXX 
    </th> 
    <th> 
    XXX 
    </th> 
    <th> 
    XXX 
    </th> 
    <th> 
    XXX 
    </th> 
    <th> 
    XXX 
    </th> 
    <th> 
    XXX 
    </th> 
</tr> 
</thead> 
<tbody> 
    <% @users.each do |u| %> 
    <tr data-toggle="collapse" data-target="#<%= u.id %>"> 
     <td> 
      <%= u.first_name %> 
     </td> 
     <td class="text-center"> 
      <%= u.last_name %> 
     </td> 
     <td class="text-center"> 
      <%= u.email %> 
     </td> 
     <td class="text-center"> 
      <%= u.provider %> 
     </td> 
     <td class="text-center"> 
      <%= u.device %> 
     </td> 
     <td class="text-center"> 
      <%= u.type %> 
     </td> 
     <td class="text-center"> 
      <%= u.messages.size %> 
     </td> 
     <td> 
      <%= link_to edit_user_path(u), class: 'btn btn-sm btn-default', title: 'Edit' do %> 
      <i class="fa fa-cog" aria-hidden="true"></i> 
      <% end %> 
      <%= link_to user_path(u), method: :delete, data: { confirm: 'Are you sure?' }, class: 'btn btn-sm btn-danger', title: 'Delete' do %> 
       <i class="fa fa-trash-o" title="Delete" aria-hidden="true"></i> 
      <% end %> 
     </td> 
     </tr> 
     <tr> 
     <td colspan="8" class="user-chart"> 
      <div id="<%= user.id %>" class="collapse"> 
      <%= u.chart %> 
      </div> 
     </td> 
     </tr> 
    <% end %> 
</tbody> 

Js код:

$('.users-list').DataTable({ 
    language: { 
     search: '_INPUT_', 
     searchPlaceholder: 'Search users...' 
    }, 
    aoColumnDefs: [ 
     { bSortable: false, aTargets: [ 5 ] } 
    ] 
}); 

Когда я добавить коллапс у меня есть эта ошибка и DataTables не рендеринга:

TypeError: nTd is undefined 

Возможно ли это le, чтобы добавить строку, которая может свернуть и добавить данные одновременно? Если да, то как у этой ошибки нет?

Thx

Answer 1

JQuery DataTables не поддерживает colspan и rowspan атрибуты в tbody, поэтому вы получите эту ошибку.

Я бы предложил посмотреть на Row details example, который предлагает альтернативный способ отображения дополнительной информации о строках.