Notes
- This example makes use of Bootstraps' collapse component.
-
The base table in the example below is a clone of the showcase example to demonstrate that various table operations
such as filtering, sorting, paging still function correctly.
jQuery(function($){
$('#collapse-example-1').footable({
"columns": $.get('columns.json'),
"rows": $.get('rows.json')
});
});
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
Click to toggle
</button>
<div class="collapse" id="collapseExample">
<table id="collapse-example-1" class="table" data-paging="true" data-filtering="true" data-sorting="true"></table>
</div>