Rumah > Artikel > hujung hadapan web > Bagaimana untuk Menukar Warna Sel dalam Jadual HTML Pandas DataFrame Menggunakan Gaya dan CSS?
Menukar Warna Sel dalam Jadual HTML Bingkai Data Pandas Menggunakan Gaya dan CSS
Soalan:
Bagaimanakah kita boleh menyesuaikan penampilan jadual HTML DataFrame panda dengan mewarna sel dan pengepala tertentu secara selektif?
Penyelesaian:
Menggunakan fungsi penggayaan baharu panda, kita boleh gunakan peraturan CSS tersuai pada sel individu berdasarkan indeks baris dan lajurnya. Untuk menunjukkan:
Serlahkan Baris MOS:
Buat fungsi pembantu yang mengembalikan penggayaan CSS berdasarkan sama ada baris sepadan dengan 'MOS' pengepala:
<code class="python">import pandas as pd def highlight_MOS(s): is_mos = s.index.get_level_values(1) == 'MOS' return ['color: darkorange' if v else 'color: darkblue' for v in is_mos]</code>
Gunakan Penggayaan CSS:
Gunakan fungsi penggayaan pada DataFrame menggunakan kaedah apply():
<code class="python">s = df.style.apply(highlight_MOS)</code>
Paparkan Jadual Bergaya:
DataFrame yang diubah suai akan memaparkan jadual dengan baris MOS diserlahkan dalam oren:
<code class="python">s</code>
Penyesuaian Tambahan:
Kaedah ini membenarkan penyesuaian lanjut penampilan jadual melalui CSS. Untuk menukar warna pengepala dan latar belakang, gunakan sifat berikut dalam peraturan CSS:
Atas ialah kandungan terperinci Bagaimana untuk Menukar Warna Sel dalam Jadual HTML Pandas DataFrame Menggunakan Gaya dan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!