* Use `col-sm-*` sizes for the table control components
* Remove floats from the control components - use text-align
* On small screen sizes align table control components center
* Add width to the search input again - needed to ensure alignment
This margin exists in the default dataTables CSS but was missing from the dataTables bootstrap CSS. It adds a small gap between the "Search:" label and the search input box.
* Bootstrap has changed how it styles its borders to use
border-collapse:collapse, which is unfortunate sas it makes
column width calculations to align columns in scrolling tables simply
impossible. We need to add styles to make sure the borders are
separate but look collapsed.
- DataTables has its bJQueryUI / jQueryUI option which will
automatically enable jQuery styling options which are built into
DataTables, however this option is depricated in 1.10 and will be
removed in 1.11 to keep all integrations independent of the core (i.e.
jQuery UI will be just the same as Bootstrap, Foundation and others).
- As a result of jQueryUI option being removed in 1.11 and depricated in
1.10 I want people to be able to use the new method of doing things
immediately, rather than needing to rely upon a depricated option.
This files provide the integration needed for jQuery UI
- Add a pageButton renderer to the foundation integration script
- Add foundation example HTML page (links need to be updated)
- Correct errors in Bootstrap integration for ellispsis click and page
title
- 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();
Allan Jardine
Greg Jopa
Michal Dziekonski
tomascassidy
Doug Hill
Miosss
İrfan Evrens
Colin Fein
Faraz Yashar
Akos Kemives
Matt Clements