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.

avatar Yohanez
@Yohanez

13 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

2 Jawaban:

Pake CSS aja cuy, inspect buat liat selector nya & kasi class prefix di parent nya.

avatar refojunior
@refojunior

2 Kontribusi 0 Poin

Dipost 4 tahun yang lalu

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>

avatar thomsonmail
@thomsonmail

126 Kontribusi 25 Poin

Dipost 4 tahun yang lalu

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

Login untuk ikut Jawaban