DataTables example Foundation

DataTables can integrate seamlessly with Foundation using Foundations's table styling options to present a consistent interface with your Foundation driven site / app.

DataTables' Foundation integration also provides a renderer for the pagination control in DataTables to ensure that the pagination of the table is also styled consistently by Foundation.

This integration is done simply by including the DataTables Foundation files (CSS and JS) which will set the defaults needed for DataTables to be initialised as normal, as shown in this examples.

The Javascript shown below is used to initialise the table shown in this example:

1
2
3
$(document).ready(function() {
    $('#example').DataTable();
} );

In addition to the above code, the following Javascript library files are loaded for use in this example: