Collapse

Shows using FooTable with Bootstraps' collapse component.

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>