Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Menukar Warna Sel dalam Jadual HTML Pandas DataFrame Menggunakan Gaya dan CSS?

Bagaimana untuk Menukar Warna Sel dalam Jadual HTML Pandas DataFrame Menggunakan Gaya dan CSS?

DDD
Lepaskan: 2024-11-03 08:15:03
asal
448 orang telah melayarinya

How to Change Cell Colors in a Pandas DataFrame HTML Table Using Styles and 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:

  1. 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>
    Salin selepas log masuk
  2. Gunakan Penggayaan CSS:

    Gunakan fungsi penggayaan pada DataFrame menggunakan kaedah apply():

    <code class="python">s = df.style.apply(highlight_MOS)</code>
    Salin selepas log masuk
  3. Paparkan Jadual Bergaya:

    DataFrame yang diubah suai akan memaparkan jadual dengan baris MOS diserlahkan dalam oren:

    <code class="python">s</code>
    Salin selepas log masuk

Penyesuaian Tambahan:

Kaedah ini membenarkan penyesuaian lanjut penampilan jadual melalui CSS. Untuk menukar warna pengepala dan latar belakang, gunakan sifat berikut dalam peraturan CSS:

  • warna latar belakang
  • warna

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan