Fatal编程技术网
  • reactjs/
  • Reactjs 在聚合反应中设置一致的行高

Reactjs 在聚合反应中设置一致的行高

reactjs ag-grid

Reactjs 在聚合反应中设置一致的行高,reactjs,ag-grid,ag-grid-react,Reactjs,Ag Grid,Ag Grid React,我正在react应用程序中使用ag grid社区：^24.1.0和ag grid react:^24.1.1。当我将行高设置为25时，它显示如下所示 <div className="ag-theme-alpine" style={ { height: 400, width: 600 } }> <AgGridReact rowSelection="multiple" rowData={

我正在react应用程序中使用
ag grid社区：^24.1.0
和
ag grid react:^24.1.1
。当我将行高设置为25时，它显示如下所示

<div className="ag-theme-alpine" style={ { height: 400, width: 600 } }>
            <AgGridReact rowSelection="multiple"
                rowData={rowData}
                rowHeight={25}>
                ...
            </AgGridReact>
        </div>




我试着设置

div.ag-theme-alpine div.ag-cell{font size:12px！重要；垂直对齐：中间；}
如其他一些帖子所述，但没有变化。
但是，当我从开发人员工具中删除以下属性时，它开始显示良好




我想设置统一的行高（默认值除外）。如何实现这一点？
您可以在
gridOptions
中或通过属性
rowHeight={25}
将行高设置为静态。
但是，agGrid还有一个硬编码的行高值，使行只接受单行文本。
如果您想在固定值之外开始更改
行高，将
行高更改为您喜欢的值是一种方法

注意：
rowHeight
如果您处于通常用于服务器端分页的
infiniteRow
模型中，则字段值根本不起作用，因为agGrid在计算
rowHeight
和
gridHeights
时存在问题，如果它不知道行数据的完整范围

如果要更改所有单元格上的线宽，可以使用defaultColDef属性
cellClass
并传递一个强制
lineHeight

编辑：我是这样做的，
在defaultColDef对象中：


defaultColDef:{
....
cellClass:“cell-wrap-text”，
....
}


然后像这样定义该类：


。单元格换行文本{
空白：正常！重要；
行高：23px！重要；
}


空白行将使文本中断并返回第行，因为默认情况下agGrid不允许这样做


执行此操作后，您可以像以前一样在react组件中设置
行高。
感谢您的输入。你有什么例子吗