关于javascript:表格组件GridManager的嵌套表头详解

嵌套表头这个性能在经验了屡次调整后，终于在 V2.13.0 这个版本内公布。

成果展现

先来一张嵌套表头的效果图

如何应用

配置起来相当简略，只须要在配置项中的 columnData 中减少 children 属性即可实现。

children属性为数组类型, 与 columnData 应用形式雷同，children可有限嵌套。

<table id='table-demo-nestedCode'></table>

new GridManager(document.querySelector('table'), {
    gridManagerName: 'demo-nestedCode',
    columnData:[
        // 列的惟一索引。字符串类型，必设项
        key: 'title',
        
        // 列的显示文本。[字符串 或 函数]类型，必设项。// 如果以后应用了 angular、vue、react 版本，这里能够间接应用框架模版
        text: '题目',
        
        // 子项配置, 通过该项能够实现嵌套表头
        // 存在该项时，将禁用: supportConfig、supportDrag、supportAdjust、columnData.fixed
        // 数组对像与 columnData 对象配置雷同，可多层嵌套。// 留神: 现有版本中最初一层的宽度会平分上一层的宽度
        children: []]
});

如上示例，通过在 columnData 数组元素中配置 children 指定嵌套表头。
但须要留神的是，当应用嵌套表头时将禁用:

• supportConfig: 列的显示暗藏性能
• supportDrag: 列的挪动性能
• supportAdjust: 列宽度调整性能
• columnData.fixed: 列固定性能

GridManager 的其它性能

相干链接

• api
• github

写在最初:

我的项目自 2015 年初保护至今, 最后的想法从未扭转: 疾速、灵便的对 Table 标签进行实例化，让 Table 标签充满活力。