/
DataTables
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.