* 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' 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
Allan Jardine
Michal Dziekonski
tomascassidy