1

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

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

4

1 回答 1

3

您可以使用 noHeader 属性。

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

文档

于 2020-12-15T00:12:26.680 回答