首页 > 解决方案 > 如何修改或删除列的最大宽度?

问题描述

例如:

const colDefs =   [{ field: 'country', maxWidth:100,}]

网格准备好后,我使用setColumnDefs来更改 maxWidth,但它没有生效。

function changeMaxWidth(){
  const colDefs = gridOptions.api.getColumnDefs()
  colDefs[0].maxWidth = 130 
  gridOptions.api.setColumnDefs(colDefs)
}

这是一个例子:plunker

标签: ag-grid

解决方案


MaxWidth 不能通过setColumnDefs. 从文档中,只有框架绑定的属性会使用 更改setColumnDefs,这可能意味着 headerframework 或cellRendererFramework那些将返回 reactJs 或角度组件。

您可以动态更改的与 maxWidth 相关的唯一属性是width将设置当前宽度。(文档

您还可以使用api.sizeColumnsToFit()来尝试调整可用的表格宽度,或api.autoSizeAllColumns()根据列的内容调整列的大小(这两种方法都会考虑widthmaxWidthminWidth)。


推荐阅读