首頁  >  文章  >  web前端  >  如何使用樣式和 CSS 來變更 Pandas DataFrame HTML 表中的儲存格顏色?

如何使用樣式和 CSS 來變更 Pandas DataFrame HTML 表中的儲存格顏色?

DDD
DDD原創
2024-11-03 08:15:03411瀏覽

How to Change Cell Colors in a Pandas DataFrame HTML Table Using Styles and CSS?

使用樣式和CSS 更改Pandas DataFrame HTML 表中的單元格顏色

問題:

我們如何透過選擇性地為特定單元格和標題著色來自訂pandas DataFrame HTML 表格的外觀?

解決方案:

利用 pandas 的新樣式功能,我們可以根據行索引和列索引將自訂 CSS 規則套用到各個單元格。示範:

  1. 突出顯示MOS 行:

    建立一個輔助函數,根據行是否對應於「MOS」返回CSS 樣式header:

    <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>
  2. 應用CSS 樣式:

    使用apply() 方法將樣式功能應用到DataFrame:

    <code class="python">s = df.style.apply(highlight_MOS)</code>
    使用apply() 方法將樣式功能應用到DataFrame:
  3. 顯示風格化表格:

    <code class="python">s</code>
    修改後的DataFrame 會顯示MOS 行以橘色突出顯示的表格:

其他自訂:

    此方法允許透過CSS 進一步自訂表格的外觀。若要變更標題和背景顏色,請在 CSS 規則中使用以下屬性:
  • background-color
顏色

以上是如何使用樣式和 CSS 來變更 Pandas DataFrame HTML 表中的儲存格顏色?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn