DataTables

"DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, built upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table."

We have forked the existing plugin (DataTables v1.10.19) to conform to the City's Accessibility Standards. This is an on-going project where we update and fix any identified issues related to accessibility.
https://github.com/CityofToronto/fepe_datatables

It's pre-bundled with the following plugins:

DataTables Bootstrap 3 integration
AutoFill 2.3.2-dev
Responsive 2.2.3

Step 1 - Download

Download (https://github.com/CityofToronto/fepe_datatables) or npm install https://github.com/CityofToronto/fepe_datatables.git
Add to your project

Step 2 - Use in Application

<html>
	<head>
		<link rel="stylesheet" type="text/css" href="{fepe_datatables/src/styles/datatables.min.css}">  
		<script type="text/javascript" charset="utf8" src="{fepe_datatables/src/scripts/datatables.min.js}"></script>
	</head>
	<body>
		<table id="myTable">
			<thead><tr><th></th></tr></thead>
			<tbody><tr><td></td></tr></tbody>
		</table>
		<script>$('#myTable').DataTables();</script>
	</body>
</html>

Step 3 - Bugs & Issues

Report bugs and issues here

Error rendering macro 'jira' : Unable to locate Jira server for this macro. It may be due to Application Link configuration.

DTS Knowledge Space

DataTables

Analytics

Step 1 - Download

Step 2 - Use in Application

Step 3 - Bugs & Issues

Related content