基本表格组件怎么实现展示多层表头？

Question

带有层级结构的表头如：部门（财务，技术），Name（FirstName, LastName）

怎么构造这种结构显示在表头单元格中？

Answer 1

这里使用开源图表组件VTable来实现这个功能。基本表格的配置项columns可以配置子项columns。
代码参考 Code Example

{
      field: 'full name',
      caption: 'Full name',
      columns: [
        {
          field: 'name',
          caption: 'First Name',
          width: 120
        },
        {
          field: 'lastName',
          caption: 'Last Name',
          width: 100
        }
      ]
    },

在线效果参考：https://codesandbox.io/s/vtable-columns-nested-structure-4zwk43

相关文档

基本表格demo：https://visactor.io/vtable/demo/table-type/list-table
基本表格教程：https://visactor.io/vtable/guide/table_type/List_table/list_table_define_and_generate
相关api：https://visactor.io/vtable/option/ListTable-columns-text#columns
github：https://github.com/VisActor/VTable

Answer 2

https://codepen.io/dx-1010/pen/LYMGKBE