【ag-grid】列宽设置不生效探索
发现使用sizeColumnsToFit()会覆盖默认设置的宽度
解决方案1
给某一列的列定义设置为suppressSizeToFit设置为:true
核心代码:
gridColumns: (ColDef | ColGroupDef)[] = [
{
checkboxSelection: true,
headerCheckboxSelection: true,
suppressSizeToFit: true, // Set true to remain fixed width
width: 30
}
]
解决方案2
另外一种方式不用设置suppressSizeToFit,通过设置maxWidth: 30发现也可以实现效果
gridColumns: (ColDef | ColGroupDef)[] = [
{
checkboxSelection: true,
headerCheckboxSelection: true,
maxWidth: 30
}
]
参考文档:
https://www.ag-grid.com/javascript-data-grid/column-sizing/#auto-size-columns-to-fit-grid