无法删除 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