如何在React-Data-Grid中更改HeaderCell的高度？

Question

Here是CodeSandbox中的基本网格。当我定义columns对象时，对于其中的一列，我将属性headerRenderer作为简单的React Component传入，并显示一些文本和红色背景。我在此组件上将高度设置为100，这样它将扩展标题单元格。那没有用。

我进入了Chrome开发工具，并尝试更改各种父元素上的css属性，但无济于事：标头的显示高度始终为35px。

在链接中，我还定义了override.css，它专门定义了.react-grid-HeaderCell类的高度。

我想念这个标头的高度不会变动吗？

Answer 1

道具名称headerRowHeight可用于设置标头单元格的高度。 在您的示例中，它将为

<ReactDataGrid
          columns={columns}
          rowGetter={i => this.state.rows[i]}
          rowsCount={3}
          onGridRowsUpdated={this.onGridRowsUpdated}
          enableCellSelect={true}
          headerRowHeight={50}
        />