首页 > 其他 > 详细

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

时间:2019-01-21 11:57:58      阅读:799      评论:0      收藏:0      [点我收藏+]
         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网站中的     表格->表头/列->显示/隐藏列

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

原文:https://www.cnblogs.com/sas1231/p/10297816.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!