如何禁用Ag-grid自动取消列固定功能？解决lockPinned列异常问题

可以禁用Ag-Grid自动取消固定列的默认行为，同时解决lockPinned=true列被意外取消固定的问题，具体操作如下：

1. 禁用自动调整固定列的逻辑 #

Ag-Grid默认会在固定列占满水平空间时自动取消部分列的固定，通过设置suppressAutoSizePinnedColumns为true可以直接禁用这个自动调整机制：

const gridOptions = {
  // 其他网格配置
  suppressAutoSizePinnedColumns: true,
  // ...
};

2. 确保lockPinned=true的列保持固定 #

启用上述配置后，lockPinned=true的列应该会稳定保持固定状态。如果仍有异常，可在列定义中明确指定pinned属性并配合lockPinned锁定：

const columnDefs = [
  {
    headerName: 'ID',
    field: 'id',
    pinned: 'left',
    lockPinned: true
  },
  {
    headerName: '名称',
    field: 'name',
    pinned: 'left',
    lockPinned: true
  },
  // 其他列配置
];

3. 自定义处理空间不足的场景 #

禁用自动调整后，可能出现固定列占满网格宽度导致无滚动空间的情况，你可以通过监听网格尺寸变化事件实现自定义逻辑：

gridOptions.onGridSizeChanged = (params) => {
  const gridWidth = params.api.getGridSize().width;
  const pinnedLeftCols = params.api.getColumns().filter(col => col.pinned === 'left');
  const totalPinnedWidth = pinnedLeftCols.reduce((sum, col) => sum + col.getActualWidth(), 0);

  if (totalPinnedWidth >= gridWidth) {
    // 这里写你的自定义逻辑，比如调整列宽、隐藏非核心固定列等
    console.log('固定列宽度超出网格容器，执行自定义处理');
    // 示例：将第一列宽度调整为网格宽度的30%
    params.api.setColumnWidth(pinnedLeftCols[0].colId, gridWidth * 0.3);
  }
};

内容的提问来源于stack exchange，提问作者undefined