easyui datagrid 隐藏显示某列

最新推荐文章于 2023-03-29 10:35:24 发布

原创最新推荐文章于 2023-03-29 10:35:24 发布 · 726 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

知识收集专栏收录该内容

181 篇文章

订阅专栏

本文介绍如何使用jQuery Datagrid插件实现根据特定条件动态加载JSON数据，并能灵活地隐藏和显示数据表中的列。通过onLoadSuccess回调函数，控制列的可见性，提升数据展示的灵活性。

$('#DataGrid').datagrid('loadData', { total: 0, rows: [] });
    $('#DataGrid').datagrid({
        title: '',
        dataType: 'json',
        singleSelect: true,
        rownumbers: true,
        autoRowHeight: false,
        pagination: true,
        pageNumber: 1,
        pageList: [15, 20, 30],
        pageSize: 15,
        onLoadSuccess: function (data) {
        //判断某种情况下
        $('#DataGrid').datagrid('hideColumn','列field');//隐藏某列
        //某种情况下
        $('#DataGrid').datagrid('showColumn','列field');//显示某列
    }
});