easyui datagrid动态隐藏列

可以使用easyui datagrid的columnFormatter属性来实现动态隐藏列。首先，在datagrid的初始化代码中，定义一个全局变量用于存储要隐藏的列的field值：

var hiddenCols = ['col1', 'col2']; // 要隐藏的列的field值

然后，在datagrid的columns属性中，为需要隐藏的列添加一个formatter函数，该函数返回一个空字符串，使该列不显示：

columns: [
  { field: 'col1', title: '列1', formatter: function(value,row,index){
      if(hiddenCols.indexOf('col1') > -1){
          return '';
      } else {
          return value;
      }
    }
  },
  { field: 'col2', title: '列2', formatter: function(value,row,index){
      if(hiddenCols.indexOf('col2') > -1){
          return '';
      } else {
          return value;
      }
    }
  },
  // 其他列...
],

最后，在需要隐藏或显示列的时候，修改全局变量hiddenCols并调用datagrid的reload方法即可：

// 隐藏列
hiddenCols.push('col1');
$('#datagrid').datagrid('reload');

// 显示列
hiddenCols.splice(hiddenCols.indexOf('col1'), 1);
$('#datagrid').datagrid('reload');