利用ligerUI隐藏某列，并不产生空白列的方法

Posted 2021-02-04 sas1231

         var grid;//声明变量
        $(function () {
　　　　　　//grid初始化
           grid = $("#maingrid4").ligerGrid({ 
                columns: [
                { display: ‘主键‘, name: ‘CustomerID‘, align: ‘left‘, width: 120 },
                { display: ‘公司名‘, name: ‘CompanyName‘, minWidth: 60 },
                {
                   display: ‘城市‘, name: ‘City‘, id: ‘City1‘, //要进行隐藏的列，注意必须为该列设置id
                   totalSummary:
                    {
                        type: ‘count‘
                    } 
                },                
                { display: ‘联系名‘, name: ‘ContactName‘, width: 50, align: ‘left‘ }
                ], pageSize:10,
                data: CustomersData,  
                width: ‘100%‘,height:‘100%‘,allowHideColumn:false
            });
　　　　　　}）；
                                                        

　　初始化表格之后，在js或jquery的页面加载完成事件里面插入以下代码即可

grid.toggleCol(‘City1‘, false);//"City1"为要隐藏的列的id；false为隐藏，如果为true，则为显示

　　参考的示例:http://www.ligerui.com/demo.html网站中的     表格->表头/列->显示/隐藏列