Categories: CSSPHP

Grouping warna pada tabel dengan PHP

Bismillaahirrohmaanirrohiim…

Berikut ini cara grouping warna baris pada tabel dengan PHP, dimana jika ada kode yang sama maka warna baris akan sama.

Demikian juga jika baris berikutnya sudah ganti kode, maka warna akan berubah sesuai class css yang telah ditentukan.

Kodenya adalah sebagai berikut:

<?php
$kode_barang_prev = '';
$nobg = 0;
$bgs = array('table-warning','table-info','table-success','table-secondary','table-primary','table-light');

foreach ($data_arr as $arr) { 

    //kode barang yang sama, maka ganti ganti warna tr
    if (empty($kode_barang_prev) or $kode_barang == $kode_barang_prev) {
        $class_table = $bgs[$nobg];
    } else {
        $nobg++;
        if (!isset($bgs[$nobg])) {
            $nobg = 0;
        }
        $class_table = $bgs[$nobg];
    }
    $kode_barang_prev = $kode_barang;

    echo '
    <tr class="'.$class_table.' align-middle">
    dst
}
?> 
   
//kode css
tr.table-warning td {
    background-color: #FFF5CC ;
}
tr.table-danger td {
    background-color: #FCD7E2 ;
}
tr.table-primary td {
    background-color: #DCDAFA ;
}
tr.table-secondary td {
    background-color: #E1E4E7 ;
}
tr.table-success td {
    background-color: #DCF5E8 ;
}
tr.table-info td {
    background-color: #E3E4FC ;
}
tr.table-light td {
    background-color: #F3F4F7 ;
}
tr.table-dark td {
    background-color: #212631 ;
    color: #fff ;
}

Demikian, semoga bermanfaat

Bagikan
rasupe

Recent Posts

masalah cors pada nginx method options

Bismillaahirrohmaanirrohiim... berikut ini tambahan kode pada vhost nginx untuk memperbolehkan cors method options {{settings}} location…

5 hours ago

cara reset google authenticator pada cyberpanel

Bismillaahirrohmaanirrohiim... Jika kita membuka login halaman cyberpanel dan tahu tahu muncul inputan kode authenticator, berikut…

1 day ago

menjalankan composer php di windows xampp

Bismmillaahirrohmaanirrohiim... Berikut cara menjalankan composer php di xampp windows, cara ini adalah manual, jadi tidak…

1 week ago

Aplikasi Bimbel – Les – Private – Training Multifungsi

🚀 Kelola Bimbel / Les / Private Jadi Lebih Mudah & Profesional! Apakah Anda masih…

2 months ago

Script PosKasir, miliki sendiri untuk bisnis Anda

🚀 Punya Usaha Tapi Masih Pakai Kasir Manual? Ini Solusi yang Lebih Cerdas! Mengelola bisnis…

2 months ago

Aplikasi Manajemen RT Berbasis PHP & MySQL

Solusi Digital untuk Administrasi RT yang Transparan dan Efisien Di era digital seperti sekarang, pengelolaan…

5 months ago