Datatables options

Optional settings related to datatables:

TO KEEP FROM PAGING:

<Script>
$(document).ready(function(){
    $('table.dividends').DataTable(
{"paging":   false}
);
});
</script>

TO HIDE THE SEARCH BOX:

<style>
.dataTables_filter {
display: none; 
}
</style>

TO MAKE TABLE RESPONSIVE:

<Script>
$(document).ready(function(){
    $('#ETFs').DataTable(
{
"responsive":true,
columnDefs: [
            { responsivePriority: 1, targets: 0 },
            { responsivePriority: 2, targets: -2 }
        ]
}
);
});
</script>

TO HIDE THE SHOWING 12 of 12 AT BOTTOM:

<Script>
$(document).ready(function(){
    $('table.editors').DataTable(
{"paging":   false,
                "info" : false
}
);
});
</script>

TO CHANGE THE DEFAULT SORT ORDER:

<Script>
$(document).ready(function(){
    $('#sponsors').DataTable(
{"paging":   false,
"order": [[ 2, "desc" ]]
}
);
});
</script>


Comments