无法删除 react-data-table-component 中的白色 header

Question

我正在尝试删除 react-data-table-component 的 header 中的白色背景。

我也可以完全删除 header，但也不知道如何删除。

下面是我的table组件代码

    <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;
}

Example of how my table looks right now

Answer 1

您可以使用 noHeader 属性。

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

Documentation