DataTables Bootstrap Pagination
DataTables Bootstrap Pagination
So I used your Bootstrap 2 guide: http://www.datatables.net/blog/2012-02-01
This is my code:
<link rel="stylesheet" href="~/Scripts/dataTables.bootstrap.min.css" />
<link rel="stylesheet" href="~/Scripts/jquery.dataTables_themeroller.css" />
<script type="text/javascript" src="~/Scripts/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="~/Scripts/dataTables.bootstrap.js"></script>
and
$.fn.dataTable.moment('DD.MM.YYYY');
var table = $('#excel').DataTable({
"sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>"
});
$.extend($.fn.dataTableExt.oStdClasses, {
"sWrapper": "dataTables_wrapper form-inline"
});
So, two problems - first, the pagination does not work. Second, nothing happens when I hover over a row (shouldn't it light up?)
It clearly detects the imported bootstrap CSS because the table looks like it has bootstrap. The pagination (which albeit doesn't work) also is Bootstrap-like.
DEBUGGER: http://debug.datatables.net/oniyop
I think I should mention that the pagination works without bootstrap.
Answers
Solution:
I think I was using a faulty JS file. I took from this:
https://raw.githubusercontent.com/DataTables/Plugins/master/integration/bootstrap/3/dataTables.bootstrap.js
And it fixed itself.