如何在ag-grid- value中设置最小高度的行autoHeight

Question

我想在ag-grid- value中设置行自动高度以调整多行内容。我可以通过在column-defs中为特定列设置autoHeight: true来实现它。但它失去了网格的最小高度调整。使用:row-height="50"设置最小高度。如果我从列def中删除autoHeight，则最小高度50正在工作。我还尝试在gridOptions中设置rowHeight: '50px'，但没有帮助。

当特定列有更多内容时，我想根据内容增加行高度。对于其他行，我想保留最小高度50。

columnDefs:[{field:'column1', headerName:'Column 1',width:100, autoHeight:true},{field:'column2', headerName:'Column 2',width:100}]
<ag-grid-vue
style="width: 500px; height: 200px"
class="ag-theme-alpine"
:columnDefs="columnDefs"
:rowData="rowData"
:row-height="50"
:grid-options="gridOptions"
>

谢谢!

Answer 1

我可以使用下面的css覆盖设置最小高度。autoHeight在columnDef中为一列设置。它根据内容调整行高。在CSS下面，将所有其他行的最小高度设置为50px，而不是25px(这是ag-grid的默认值)

.ag-theme-bootstrap .ag-row {
min-height: 50px
}