Paging rows

How to create a table that uses the paging component.

Notes

  • We make use of two static files (columns.json and rows.json) to supply the below examples data.
  • Using the paging component drastically improves the performance of the plugin on large numbers of rows.

To enable paging on a table the only option that must be set is the enabled option with a value of true, all other options for the component will fall back to there defaults if not supplied. See the paging component documentation for a list of all available options. 

jQuery(function($){
	$('.table').footable({
		"columns": $.get('columns.json'),
		"rows": $.get('rows.json')
	});
});
<table class="table" data-paging="true"></table>