如何防止列被拖出网格？

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
    },
  ]
}