vue 怎么实现多表头效果？

Question

类似这种数据，可能还会出现N层，不固定 。应该怎么实现呢
tableColumn: [ { type: 'seq', width: 50 }, { title: '基本信息', children: [ { field: 'name', title: 'Name' }, { title: '其他信息', children: [ { field: 'rate', title: 'Rate' }, { field: 'age', title: 'Age' } ] }, { field: 'sex', title: 'Sex' } ] }, { field: 'address', title: 'Address', showOverflow: true } ],

Answer 1

建议使用组件 element-ui

Answer 2

这种布局建议不要用组件，我还真不知道有哪家组件会处理这种情况。

单说实现的话，这就是个很简单的 <table>，用 colspan 和 rowspan 合并单元格即可。

比如你截图的情况，大概是：https://codepen.io/meathill/p...