Postingan lainnya
Merubah warna baris(row) di datatables
Halo teman-teman mau tanya cara rubah baris di datatables gmn ya? saya punya script untuk datatables seperti ini :
<script type="text/javascript">
$(document).ready(function(){
$('.data').DataTable({
dom: 'Bfrtip',
buttons: ['copy', 'csv', 'excel', 'pdf', 'print'],
"aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]],
"iDisplayLength": 15,
});
});
contoh penggunaan di datatables seperti ini : <a href=' https://www.jqueryscript.net/demo/DataTables-Jquery-Table-Plugin/examples/advanced_init/row_callback.html '> https://www.jqueryscript.net/demo/DataTables-Jquery-Table-Plugin/examples/advanced_init/row_callback.html </a> isi script contoh seperti ini :
(document).ready(function() {
$('#example').dataTable( {
"createdRow": function ( row, data, index ) {
if ( data[5].replace(/[\$,]/g, '') * 1 > 4000 ) {
$('td', row).eq(5).addClass('highlight');
}
}
} );
} );
saya coba tambahkan ke script awal malah si datatables gagal terbentuk, saya coba ganti semua script nya jg tidak muncul.
mohon bantuannya.
2 Jawaban:
Pake CSS aja cuy, inspect buat liat selector nya & kasi class prefix di parent nya.
pakai css gan, beri kelas dulu yg mau diwarnain.
<pre> /*contoh mewarnai kolom */ td.warnain { font-weight: bold; color: blue; }
/*contoh mewarnai baris */ tr.warnain { font-weight: bold; background-color: blue; }
</pre>
Tanggapan
mau saya pakein if.. bisa ga ya?
bisa, tinggal memberi 2 kelas css. misal, if nilai ganjil, echo kelas warna ganjil. else echo kelas warna genap