资讯专栏INFORMATION COLUMN

GridManager 隐藏列

luqiuwen / 1671人阅读

摘要:表格管理组件,对列的隐藏与显示的操作有两种方式。初始化时指定列为隐藏或显示状态。在已经执行过的前提下,可通过如下方式对列进行操作对第一列进行显示对第二列进行隐藏批量操作隐藏第二和第三列批量操作显示全部列

GridManager 表格管理组件, 对列的隐藏与显示的操作有两种方式。
初始化时指定列为隐藏或显示状态。方式如下:
var table = document.querySelector("table");
table.GM({
    gridManagerName: "test",
    ajax_url: "http://www.lovejavascript.com/learnLinkManager/getLearnLinkList",
    columnData: [{
        key: "name",
        // 指定不显示该列
        isShow: false,
        text: "username"
    },{
        key: "type",
        // 指定显示该列
        isShow: true,
        text: "type"
    },{
        key: "info",
        // 不指定该列的显示状态, 默认为true
        text: "info"
    }]
});
渲染完成后,对列进行隐藏或显示操作。在已经执行过init的前提下,可通过如下方式对列进行操作:
// 对第一列进行显示
var table = document.querySelector("table");
var th_name = table.querySelector("th[th-name="name"]");
table.GM("showTh", th_name);
// 对第二列进行隐藏
var table = document.querySelector("table");
var th_type = table.querySelector("th[th-name="type"]");
table.GM("hideTh", th_type);
// 批量操作 -> 隐藏第二和第三列
var table = document.querySelector("table");
var thList = table.querySelectorAll("th");
document.querySelector("table").GM("hideTh", [thList[1], thList[2]]); 
// 批量操作 -> 显示全部列
var table = document.querySelector("table");
var thList = table.querySelectorAll("th");
document.querySelector("table").GM("showTh", thList); 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94845.html

相关文章

  • GridManager 隐藏

    摘要:表格管理组件,对列的隐藏与显示的操作有两种方式。初始化时指定列为隐藏或显示状态。在已经执行过的前提下,可通过如下方式对列进行操作对第一列进行显示对第二列进行隐藏批量操作隐藏第二和第三列批量操作显示全部列 GridManager 表格管理组件, 对列的隐藏与显示的操作有两种方式。 初始化时指定列为隐藏或显示状态。方式如下: var table = document.querySele...

    roland_reed 评论0 收藏0
  • GridManager 隐藏

    摘要:表格管理组件,对列的隐藏与显示的操作有两种方式。初始化时指定列为隐藏或显示状态。在已经执行过的前提下,可通过如下方式对列进行操作对第一列进行显示对第二列进行隐藏批量操作隐藏第二和第三列批量操作显示全部列 GridManager 表格管理组件, 对列的隐藏与显示的操作有两种方式。 初始化时指定列为隐藏或显示状态。方式如下: var table = document.querySele...

    cppowboy 评论0 收藏0
  • GridManager 用户偏好记忆

    摘要:启用用户偏好记忆禁用该功能将导致用户所调整的宽度列位置列的显示隐藏状态及每页显示条数不再拥有记忆效果。触发清除方法手动清除用户偏好记忆清除后,再次刷新时原先的用户记忆将失效。 GridManager 会将用户的部分操作进行记忆,从而达到用户行为记忆的效果。 为什么在GridManager中会存在用户偏好记忆 在数据的时代,一份数据往往会由不同的角色共享。而这些角色所关注的数据项并不相同...

    alin 评论0 收藏0
  • React 表格组件 GridManager-React

    摘要:基于的封装用于便捷的在中使用除过特性外,其它与相同。刷新更新查询条件其它更多请直接访问查看当前版本的版本的版本 GridManager React 基于 React 的 GridManager 封装, 用于便捷的在 React 中使用GridManager. 除过React特性外,其它API与GridManager API相同。 showImg(https://segmentfault...

    cyixlq 评论0 收藏0
  • Vue表格组件--GridManager Vue

    摘要:基于的封装用于便捷的在中使用除过特性外,其它与相同。非必设项筛选条件列表数组对象。格式在使用时该参数为必设项。并且使用服务需要提前通过将注册至全局组件。刷新或更新查询条件或其它更多请直接访问查看当前版本 GridManager Vue 基于 Vue 的 GridManager 封装, 用于便捷的在 Vue 中使用GridManager. 除过Vue特性外,其它API与GridManag...

    khs1994 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<