Bootstrap + jQuery datatables

jQuery datatables is a jQuery plug-in for advanced interaction controls to HTML table. However, I have some trouble  when I tried to integration with Twitter Bootstrap.

I found a post at datatables forum (single-page example). When you need:

• DT_bootstrap.css
• DT_bootstrap.js
• HTML table with thead and tbody tags
• Table initialization

More

• TableTools with Twitter Bootstrap
• Adjust column width. jQuery datatables is auto width by default, but you can adjust it using aoColumns.

 

[obsolete for Bootstrap 1.4]

I found a post at datatables forum (original blog and single-page example). When you need:

• bootstrap.min.css (version 1.4, CRN) and DT_bootstrap.css
• pagination and sorting code/plug-in (I save them in a single js file)
• HTML table with thead and tbody tags
• Table initialization