Bootstrap and Datatables Collapse row error Need help
Bootstrap and Datatables Collapse row error Need help
I have a problem with collapse new row and plugin datatables.
HTML code:
<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>
<tr data-toggle="collapse" data-target="#users">
<td>
XXX
</td>
<td>
XXX
</td>
<td>
XXX
</td>
<td>
XXX
</td>
<td>
XXX
</td>
<td>
XXX
</td>
<td>
XXX
</td>
<td>
XXX
</td>
</tr>
<tr>
<td colspan="8" class="user-chart">
<div id="users>" class="collapse">
XXXX
</div>
</td>
</tr>
</tbody>
</table>
JS code:
$('.users-list').DataTable({
language: {
search: '_INPUT_',
searchPlaceholder: 'Search users...'
},
aoColumnDefs: [
{ bSortable: false, aTargets: [ 5 ] }
]
});
When i add collapse i have this error and datatables not rendering:
TypeError: nTd is undefined
Is it possible to add a line that can collapse and add datatables same time? If so, how do not have this error?
Thx