Change the color of pagination button
Change the color of pagination button
I am new to datatable. I want to change the color of First , Last , Next, previous buttons text of pagination . How can i do that.
Please help.
my code
$(document).ready(function() {
$('#reportDetails').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"iDisplayLength": 25,
"aLengthMenu": [[20,25, 50, 100, -1], [20,25, 50, 100, "All"]] ,
"sScrollY": "420px",
"aaSorting": [[2,'desc']],
"bProcessing": true,
"aoColumns": [{"bVisible" : false, "sWidth": "0%"},
{"sWidth": "60%"},
{"sWidth": "20%"},
{"sWidth": "20%"}],
"aoColumnDefs":[{
"fnRender":function(obj){
return "" + obj.aData[1] + "";
},
"aTargets": [1]
}]
});
});
Please help.
my code
$(document).ready(function() {
$('#reportDetails').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"iDisplayLength": 25,
"aLengthMenu": [[20,25, 50, 100, -1], [20,25, 50, 100, "All"]] ,
"sScrollY": "420px",
"aaSorting": [[2,'desc']],
"bProcessing": true,
"aoColumns": [{"bVisible" : false, "sWidth": "0%"},
{"sWidth": "60%"},
{"sWidth": "20%"},
{"sWidth": "20%"}],
"aoColumnDefs":[{
"fnRender":function(obj){
return "" + obj.aData[1] + "";
},
"aTargets": [1]
}]
});
});
This discussion has been closed.