GridManager 隐藏列

作者: 前端沐先生 | 来源:发表于2019-03-30 19:32 被阅读0次

GridManager 表格管理组件, 对列的隐藏与显示的操作有两种方式。

1.初始化时指定列为隐藏或显示状态。方式如下:

<table></table>
table.GM({
    gridManagerName: 'test',
    ajax_data: 'http://www.lovejavascript.com/learnLinkManager/getLearnLinkList',
    columnData: [{
        key: 'name',
        // 指定不显示该列
        isShow: false,
        text: 'username'
    },{
        key: 'type',
        // 指定显示该列
        isShow: true,
        text: 'type'
    },{
        key: 'info',
        // 不指定该列的显示状态, 默认为true
        text: 'info'
    }]
});

2.渲染完成后,对列进行隐藏或显示操作。在已经执行过init的前提下,可通过如下方式对列进行操作:

// 对第一列进行显示
GridManager.showTh('test', 'name');
// 对第二列进行隐藏
GridManager.hideTh('test', 'type');
// 批量操作 -> 隐藏第二和第三列
GridManager.hideTh('test', ['type', 'info']);
// 批量操作 -> 显示全部列
GridManager.showTh('test', ['name', 'type', 'info']);

相关文章

  • GridManager 隐藏列

    GridManager 表格管理组件, 对列的隐藏与显示的操作有两种方式。 1.初始化时指定列为隐藏或显示状态。方...

  • GridManager 隐藏列

    GridManager 表格管理组件, 对列的隐藏与显示的操作有两种方式。 1.初始化时指定列为隐藏或显示状态。方...

  • Excel

    取消隐藏列 (1)若隐藏B列,需选中A-C列(2)格式-隐藏和取消隐藏-取消隐藏列 (3)2步骤也可直接右键-取消...

  • excel中如何隐藏列和取消隐藏列

    1先看下原表格是怎么样的。excel中如何隐藏列和取消隐藏列 2隐藏列方法一:首先选中要隐藏的列,如B列,然后右键...

  • 五大实用Excel技巧

    1、快速隐藏行列 同时选中需要隐藏的列标,按下鼠标左键向左侧快速拖动,即可隐藏所选列。 同时选中包含隐藏列的多个列...

  • Angular框架内使用GridManager

    @拭目以待:首发于Angular框架内使用GridManager GridManager- github地址是原生...

  • React框架内使用GridManager

    @拭目以待:首发于Angular框架内使用GridManager GridManager- github地址是原生...

  • 今天坚持了三年的Github开源项目star过百了

    GridManager历程 GridManager启动于2015年02月10日, 不曾想这一坚持已经1200多天了...

  • GridManager 用户偏好记忆

    GridManager 会将用户的部分操作进行记忆,从而达到用户行为记忆的效果。 为什么在GridManager中...

  • Vue框架内使用GridManager

    GridManager对Vue很友好,发布了针对于Vue的npm包。 相关地址 gridmanager-vue g...

网友评论

    本文标题:GridManager 隐藏列

    本文链接:https://www.haomeiwen.com/subject/dybsbqtx.html