如何防止将列从网格中拖出？

Question

如何防止将列从网格中拖出并被移除？我仍然希望该列是可拖动的，并进行列的重新排序，只是不想删除。

Answer 1

如果您不介意列始终可见，您可以尝试这个技巧。

gridOptions = {

        onColumnVisible: function(e,c){
            if(!e.visible){
                e.column.gridOptionsWrapper.columnController.setColumnVisible(e.column.colId, true)
            }
        }
    };

Answer 2

一种更简单的方法是使用列的lockVisible属性。

可以通过将其添加到defaultColDef或将其应用于单个列，从而将其应用于所有列。

​

gridOptions = {
  defaultColDef: {
    lockVisible: true // by default, all columns cannot be removed
  },
  columnDefs: [{
      field: 'myField',
    },
    {
      field: 'myRemovableField',
      lockVisible: false // this column can be removed
    },
  ]
}

​