Responsive datatable or table with pagination using bootstrap

Question

I'm looking for some sample code on how to implement a datatable/table with pagination keeping responsive in mind. I am using ASP.NET MVC.

Has anyone had experience with Bootstrap 3 and jQuery Datatables? Do the 2 play along well? And with regards to being a responsive datatable? This question isn't related to just Bootstrap and jQuery datatables but it is the only decent datatable that I have worked with.

The reason why I ask is because I need a responsive datatable or normal table with pagination and sorting.

Answer 1

I haven't gone as far as making a "responsive" datatable with bootstrap, but the two certainly can be used together.

Check out this link: http://datatables.net/blog/Twitter_Bootstrap_2 and keep in mind the article is for Bootstrap 2. For Bootstrap 3, you will need to refer to http://getbootstrap.com/getting-started/#migration as some class names have changed between Bootstrap 2 and 3. It shouldn't be too difficult from there, if you're familiar enough with Bootstrap, to get a responsive datatable.

Edit: Allan also has some Bootstrap 3 integration files already whipped up here.