createdRow for row background color change dont work?
createdRow for row background color change dont work?
mbcl88
Posts: 13Questions: 5Answers: 0
Hello,
i try to change some row background color, but cant get it work, and dont know why 
Bellow is my datatables code:
$(document).ready(function() {
var dataTable = $('#example').dataTable({
"processing": true,
"serverSide": true,
"responsive": false,
"searching": true,
"ajax": "ajax.php",
//"order": [18, "desc" ],
"ordering": false,
"columnDefs": [{"className": "dt-center", "targets": "_all"}],
"dom": 'rtp',
"language": {
"url": "//cdn.datatables.net/plug-ins/1.10.19/i18n/Slovenian.json"
},
"createdRow": function(row, data, dataIndex) {
if (data["2"] == "JK") {
$(row).css("background-color", "red");
}
}
});
Site is private so i cant provide direct link, but here is what i have in <head>:
<!-- DataTables -->
<script type="text/javascript" language="javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.dataTables.min.js"></script>
<link href='css/jquery.dataTables.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.dataTables.min.css">
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
<!-- DataTables -->
<!-- auto complete -->
<script type="text/javascript" src="js/jquery-ui-custom.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
screenshot of page:
https://ibb.co/Y2L1xKW