not working - dataTables.conditionalPaging
HTML
<script src="//cdn.datatables.net/plug-ins/1.10.6/integration/jqueryui/dataTables.jqueryui.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/plug-ins/1.10.6/integration/jqueryui/dataTables.jqueryui.css">
<script src="//cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.6/features/conditionalPaging/dataTables.conditionalPaging.js"></script>
<div class="container">
<table id="example" class="display" cellspacing="0" width="100%"></table>
</div>
JavaScript
$(document).ready(function () {
$('#example').dataTable({
"bScrollCollapse": true,
"scrollY": '150px',
"conditionalPaging: true,
"lengthMenu": [
[1, 5, -1],
[1, 5, "All"]
],
"lengthChange": true,
"columnDefs": [{
"title": "<span style='color:red'>dt-body-right</span>",
className: "dt-body-right",
"targets": [0]
}, {
"title": "<span style='color:red'>dt-body-center</span>",
className: "dt-body-center",
"targets": [1]
}, {
"title": "<span style='color:green'>center</span>",
className: "center",
"targets": [2]
}, {
"title": "<span style='color:green'>right</span>",
className: "right",
"targets": [3]
}],
"data": [
[
"Tiger Nixon",
"System Architect",
"Edinburgh",
"5421",
"2011/04/25",
"$320,800",
"sdsf",
"sdsf",
"s dsf"],
[
"Tiger Nixon",
"System Architect",
"Edinburgh",
"5421",
"2011/04/25",
"$320,800",
"sdsf",
"sdsf",
"s dsf"],
[
"Tiger Nixon",
"System Architect",
"Edinburgh",
"5421",
"2011/04/25",
"$320,800",
"sdsf",
"sdsf",
"s dsf"],
[
"Tiger Nixon",
"System Architect",
"Edinburgh",
"5421",
"2011/04/25",
"$320,800",
"sdsf",
"sdsf",
"s dsf"],
...