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:



[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



Bootstrap Typeahead

Twitter bootstrap typeahead is a simple simple autocompletion library,  but it is well documented in official website. Here are more materials from internet.

A simple example for newbie: Twitter Bootstrap typeaheads tutorial

Getting more from Twitter Bootstrap’s Typeahead library

Using Ajax: a very good stack overflow post, and ajax-typeahead, enable Bootstrap Typeahead plugin with Ajax.

Bootstrap typeahead examples, and heavily customizing examples