/
DataTables

DataTables

By Derek Matthew
Oct 11, 2023

"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

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.



Related content