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