Zurb Foundation integration for DataTables
Zurb Foundation integration for DataTables
allan
Posts: 63,419Questions: 1Answers: 10,456 Site admin
Hello all,
As part of the on-going work to modularise DataTables (see http://datatables.net/development/roadmap ) and to enhance its ease of development, I've recently added integration files for Zurb's Foundation CSS framework ( http://foundation.zurb.com ). This is a fantastic CSS library, providing everything that is needed to build flexible sites. Now, by simply including the two DataTables integration files (one JS and one CSS), your DataTable will take on the same look and feel as the rest of your Foundation powered site.
I've put an example up here:
http://datatables.net/dev/foundation.html
And the integration files are here:
https://github.com/DataTables/Plugins/tree/master/integration/foundation
This is a work in progress, so please let me know if you have any feedback / suggestions for this, or encounter any issues.
With this, DataTables now provides direct integration support for:
- Bootstrap
- Foundation
- jQuery UI (currently embedded into DataTables core, but will be moved to a plug-in)
- Custom styling
If you have any suggestions for other styling frameworks, please do let me know, or fire up a pull request on the DataTables plug-in's repository.
Regards,
Allan
As part of the on-going work to modularise DataTables (see http://datatables.net/development/roadmap ) and to enhance its ease of development, I've recently added integration files for Zurb's Foundation CSS framework ( http://foundation.zurb.com ). This is a fantastic CSS library, providing everything that is needed to build flexible sites. Now, by simply including the two DataTables integration files (one JS and one CSS), your DataTable will take on the same look and feel as the rest of your Foundation powered site.
I've put an example up here:
http://datatables.net/dev/foundation.html
And the integration files are here:
https://github.com/DataTables/Plugins/tree/master/integration/foundation
This is a work in progress, so please let me know if you have any feedback / suggestions for this, or encounter any issues.
With this, DataTables now provides direct integration support for:
- Bootstrap
- Foundation
- jQuery UI (currently embedded into DataTables core, but will be moved to a plug-in)
- Custom styling
If you have any suggestions for other styling frameworks, please do let me know, or fire up a pull request on the DataTables plug-in's repository.
Regards,
Allan
This discussion has been closed.
Replies
I was just searching for a Foundation integration.
Thank you many times!
I will move to the next version...
:-) Thanks you again, your library is really amazing.
Allan
I'm Data Tables user. Now I using with Zurb foundation. After I integration with Zurb my page don't search, sorting, paging etc.. . Anybody can u guide to me. Thz.
P.S I using NuGet and install Data Table
Allan
I got it fixed by adding
[code]
$(oSettings.oInstance).trigger('page', oSettings);
[/code]
To the bind('click') event. Around line 128:
[code]
.bind('click', function (e) {
e.preventDefault();
var pageNum = parseInt($('a', this).text(),10);
if ( ! isNaN(pageNum)) {
oSettings._iDisplayStart = (pageNum-1) * oPaging.iLength;
fnDraw( oSettings );
$(oSettings.oInstance).trigger('page', oSettings);
}
} );
[/code]
:)
Allan
great