- 1.10 now uses 'renderers' for the header cells and pagination buttons,
so the core logic, of what to display (i.e. what pagination buttons)
can remain in DataTables core, and `paginationType` can be applied to
any buttons. How those buttons are displayed is up to the renderer -
in the case of bootstrap we want a ul list of li elements with a tags
and appropriate classes applied. This commit adds that for Bootstrap 3
DataTables' column width calculations. As such we need to reset the
table, th and td elements to be content-boxes.
Also improved the namespace selection of the table.dataTable (rather
than table.table) selector, to ensure only DataTables get the modified
styles
- Provide different files for the different Bootstrap versions
- Bootstrap 3 integration with the small updates required
- Examples for v2 and v3 of Bootstrap. I couldn't find v1 on a CDN so
I've not included an example there
backgrounds
- Due to a z-indexing error, the background element could actually be
created multiple times by clicking on the element without moving the
mouse. Adding a z-index statement fixes this.
- Simply include the CSS and JS file on the same page as your DataTable
and Foundation files and then initalise your DataTable as per usual:
$('#example').dataTable();
Bootstrap integration update: Add the sorting images for the header sorting options. We can't use the Bootstrap icons because we need additional HTML for that (an <I> tag), but DataTables 1.10 (or possibly 1.11) will add a good deal of functionality in that regard.
Allan Jardine
Colin Fein
Faraz Yashar
Akos Kemives
Matt Clements
Jason Punyon