我試圖刪除react-data-table-component標題中的白色背景。

我也很好地消除了總標題，但也想不出如何。

下面是我的表格組件代碼

<DataTable                                  
        className="dataTables_wrapper"
        columns={this.columns()}
        data={data}
        progressPending={loading}
        pointerOnHover
        />

我試圖用這個css代碼來改變組件的樣式，但是它似乎不起作用...

.dataTables_wrapper .rdt_TableHeader {
    background-color: blue
    color: blue;
}
.dataTables_wrapper .rdt_TableHead {
    background-color: blue;
    color: blue;
}

我的桌子現在的樣子

您可以使用noHeader屬性。

<DataTable                                  
    className="dataTables_wrapper"
    columns={this.columns()}
    data={data}
    progressPending={loading}
    pointerOnHover
    noHeader={true}
    />

證明文件

為寫css。更改背景顏色。

。rdt _表

。rdt_TableRow

。rdt_TableCol

。rdt_TableCol_Sortable

。rdt _表格單元

。rdt _表格標題

。rdt _表尾

。rdt_TableHead

。rdt_TableHeadRow

。rdt _表體

。rdt_ExpanderRow

這些是css的類。