【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