嵌套表头经过多次调整,终于在V2.13.0版本发布了嵌套表头功能。效果展示了如何使用嵌套表头的效果图。使用和配置非常简单。只需要在配置项中的columnData中添加children属性即可实现。children属性是数组类型,使用方式与columnData相同,children可以无限嵌套。newGridManager(document.querySelector('table'),{gridManagerName:'demo-nestedCode',columnData:[//列的唯一索引。Stringtype,requireditemkey:'title',//columndisplaytext.[stringorfunction]type,requireditem.//如果你目前使用的是angular,vue,react版本,可以直接使用这里的框架模板文本:'Title',//子项配置,可以通过此项实现嵌套headers//当此项存在时,将被禁用:supportConfig,supportDrag,supportAdjust,columnData.fixed//数组对象的配置是与columnData对象相同,可以多层嵌套。//注意:在现有版本中,最后一层的宽度将平分上一层的宽度children:[]]});如上例所示,通过在columnData数组元素中配置children来指定嵌套的表头。但需要注意的是,使用嵌套表头时,会被禁用:supportConfig:列显示隐藏功能supportDrag:列移动功能supportAdjust:列宽调整功能columnData.fixed:列固定功能GridManager的其他功能功能说明宽度调整表格的列宽可以拖动调整位置,改变表格的列位置可以拖拽调整配置列。该列可以通过配置显示和隐藏。存在于顶列,指定固定列固定在左侧或右侧。排序表单项排序或组合排序分页表ajax分页,包括选择每页显示的项目总数和跳转到指定页面。用户偏好记忆记忆用户行为,包括用户调整的列宽、列顺序、列可见性状态、每页显示的列数序列号自动生成序列号选择所有列自动生成所有选择的列导出静态数据导出,动态数据导出,选中的数据导出打印当前页打印右键单击??常用的菜单功能,可以在菜单中进行快捷操作。过滤可以通过过滤列来实现快速的搜索结果。合并同一列中具有相同值的单元格可以自动合并树形表格。通过配置可以快速实现树表结构。通过配置可以快速实现行移动。RowpositionmovingNestedtableheaders无层级限制配置复杂表实例相关链接apigithub写在最后:项目从2015年初开始维护,初衷从未改变:快速灵活实例化Table标签,让Table标签充满活力.