Ag Grid 抑制列位置

在Ag Grid中，有时需要抑制（隐藏）某些列的位置，同时保留这些列的信息以备将来恢复使用。这个问题可以通过一些简单的步骤来解决。

抑制列位置

要抑制列位置，首先需要将该列的宽度设置为0，并将该列的checkbox设置为false。这样，该列将不再在Grid中显示，并且其位置仍然保留在布局信息中。

colDef.width = 0;
colDef.checkboxSelection = false;

恢复列位置

要恢复列位置，只需要把该列的宽度设置为大于零的值，将该列的checkbox设置为true。这样，该列将重新在Grid中显示，并且保留了其原有的位置。

colDef.width = someWidthValue;
colDef.checkboxSelection = true;

完整示例代码

以下是完整的示例代码，展示了如何抑制和恢复列位置。

// 设置抑制列的Def
var suppressDef = {
  colId: 'suppressColumn',
  width: 0,
  checkboxSelection: false,
  suppressSizeToFit: true
};

// 创建Grid
var gridOptions = {
  columnDefs: [
    {headerName: 'Make', field: 'make'},
    {headerName: 'Model', field: 'model'},
    {headerName: 'Price', field: 'price'},
    suppressDef
  ]
};

// 抑制列
gridOptions.columnApi.setColumnWidth('suppressColumn', 0);
gridOptions.columnApi.setColumnVisible('suppressColumn', false);

// 恢复列
gridOptions.columnApi.setColumnWidth('suppressColumn', 100);
gridOptions.columnApi.setColumnVisible('suppressColumn', true);

以上是抑制和恢复列位置的全部内容。通过这些简单的步骤，可以轻松地管理Ag Grid中的列位置。