ag-grid设置编辑时行高
时间: 2023-02-08 18:24:58 浏览: 64
在 ag-grid 中,可以使用 "getRowHeight" 属性来设置编辑时行高。
例如:
```
const gridOptions = {
...
getRowHeight: function(params) {
if (params.node.isEditing()) {
return 100;
} else {
return 25;
}
},
...
};
```
在这个例子中,当行进入编辑状态时,行高将被设置为 100px,否则将被设置为 25px。
相关问题
el-table-column 的行高怎样设置
你可以通过设置 `el-table-column` 组件中的 `min-height` 属性来调整行高。例如:
```
<el-table-column prop="name" label="姓名" min-height="60px"></el-table-column>
```
这样就将该列的行高设置为 60px。你也可以在样式表中针对 `el-table-column` 元素设置行高,例如:
```
.el-table-column {
min-height: 60px;
}
```
这样将会将所有 `el-table-column` 组件的行高都设置为 60px。
el-table-column点击行高亮
要实现 el-table-column 点击行高亮,可以通过设置 table 的 highlight-current-row 属性为 true,然后在 el-table-column 中设置 selectable 属性为 true。这样就可以实现点击行高亮了。
示例代码如下:
```
<el-table :data="tableData" highlight-current-row>
<el-table-column type="selection" selectable></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
```