Ag grid 如何修改或删除列的最大宽度?
例如:Ag grid 如何修改或删除列的最大宽度?,ag-grid,Ag Grid,例如: const colDefs=[{field:'country',maxWidth:100,}] 当网格就绪时,我使用setColumnDefs更改maxWidth,但它没有生效 函数changeMaxWidth(){ const colDefs=gridOptions.api.getColumnDefs() colDefs[0]。maxWidth=130 gridOptions.api.setColumnDefs(colDefs) } 例如:不能通过setColumnDefs以这种方
const colDefs=[{field:'country',maxWidth:100,}]
当网格就绪时,我使用setColumnDefs
更改maxWidth,但它没有生效
函数changeMaxWidth(){
const colDefs=gridOptions.api.getColumnDefs()
colDefs[0]。maxWidth=130
gridOptions.api.setColumnDefs(colDefs)
}
例如:不能通过
setColumnDefs
以这种方式更改MaxWidth。
从中,使用setColumnDefs
,只有框架绑定的属性会更改,这可能意味着headerframework或CellRenderFramework
,因为它们将返回reactJs或角度组件
与maxWidth相关的唯一可以动态更改的属性是width
,它将设置当前宽度。()
您还可以使用
api.sizeColumnsToFit()
尝试调整可用的表宽度,或者使用api.autosizealColumns()
根据列的内容调整列的大小(这两种方法都会考虑width
、maxWidth
和minWidth
)
.ag center cols container>span:最后一个子项{
最大宽度:248px;
}
当
api时,此样式将限制自适应宽度的大小。AutoSizealColumns()
可能不太有趣,但也可以查看“flex”列,因为它解决了人们遇到的许多自动调整大小的问题:添加我的需要:我只想在使用api.AutoSizealColumns()
时不超过最大宽度,在中,我看到“列定义的所有属性都可以更新”。但情况似乎并非如此。请原谅你所说的“只有框架绑定的属性会使用setColumnDefs进行更改”,我在文档中没有找到它…在第二个文档中,我提到过,是这样说的。Thx,虽然文档没有明确说明,但可能与react相关的属性会生效。否则,无法解释为什么maxWidth不生效,因为类似的无状态属性(如headerName)也会生效。是的,我知道,列“flex”通常要求一个或多个列填充网格中的整个可用空间,但现在我想要的是所有列宽度都适应内容