# 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>