【ag-grid】列宽设置不生效探索

本文主要是介绍【ag-grid】列宽设置不生效探索，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

发现使用sizeColumnsToFit()会覆盖默认设置的宽度

解决方案1

给某一列的列定义设置为suppressSizeToFit设置为：true

核心代码：

gridColumns: (ColDef | ColGroupDef)[] = [{checkboxSelection: true,headerCheckboxSelection: true,suppressSizeToFit: true, // Set true to remain fixed widthwidth: 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

这篇关于【ag-grid】列宽设置不生效探索的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---