easyui datagrid 列隐藏和显示

一、设置列为隐藏列

写法1(html属性方法):

 

写法2(data-options配置方法):

写法3(初始化方法):

    function initTable(queryData, courseid) {
        $("#CoursePlans_DataGrid").datagrid({
            url: '/Teaching/CoursePlans/GetAllCoursePlansInfo',
            nowrap: true,
            striped: true,
            sortOrder: 'asc',
            remoteSort: false,
            idField: 'CourseId',
            queryParams: queryData,
            pageSize: 50,
            pageList: [50, 100, 200],
           columns:[[    
                {field:'id',checkbox:true}, 
                {field:'data',title:'数据',width:150,hidden:'true'}, 
            ]]
            }
        });
    }

二、控制列的显示和隐藏

显示列
隐藏列
         



你可能感兴趣的:(html,SQL代码,JS代码)