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

我的桌子现在看起来如何的示例

Answer 1

您可以使用 noHeader 属性。

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

文档