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

Question

我正在尝试删除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;
}

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