我们使用的是react-data-grid（adazzle），并希望对表头做一些样式调整。我们希望调整标题，使其大约是表中行高的两倍，如下所示：
我猜我们会从HeaderRow组件来处理这个问题。但是，因为这个组件没有文档，所以我不知道如何进一步处理这个问题。
eyh26e7m1#
我在某个论坛里找到了答案：
render() { return ( <ReactDataGrid onGridSort={this.handleGridSort} columns={this._columns} headerRowHeight={123} rowGetter={this.rowGetter} rowsCount={this.state.rows.length} // rowRenderer={RowRenderer} minHeight={500}/>); }
有一个标记headerRowHeight，您可以将数值设置为该标记。
zfycwa2u2#
如果有人需要，v5的 prop 称为“headerHeight”
kr98yfug3#
将属性headerHeight传递给数据网格，如下所示headerHeight={yourdesiredheightinPX}默认高度为56 px
hujrc8aj4#
更改MUI数据网格中的列标题高度
<StyledDataGrid rows={rows} columns={columns} pageSize={10} rowHeight={40} //for row height headerHeight={28} // for columnHeader height rowsPerPageOptions={[10]} checkboxSelection disableSelectionOnClick experimentalFeatures={{ newEditingApi: true }} components={{ BaseCheckbox: StyledCheckbox, NoRowsOverlay: () => (
4条答案
按热度按时间eyh26e7m1#
我在某个论坛里找到了答案：
有一个标记headerRowHeight，您可以将数值设置为该标记。
zfycwa2u2#
如果有人需要，v5的 prop 称为“headerHeight”
kr98yfug3#
将属性headerHeight传递给数据网格，如下所示headerHeight={yourdesiredheightinPX}默认高度为56 px
hujrc8aj4#
更改MUI数据网格中的列标题高度