这是一个创建于 780 天前的主题，其中的信息可能已经有所发展或是发生改变。
比如：现在有一张学生信息表，存储了学生的学号、姓名、班级、年级、校区等信息。在表格中想这样展示：
第一行表头：校区
第二行表头：在校区下细分年级
第三行表头：在年级下细分班级
第四行表头：在班级下细分学号、姓名
类似这样：
数据是使用 MongoDB 存储的，每条记录都是存储了一个学生的校区、年级、班级、学号和姓名信息，取出来的时候 key 也是相同的。如何使用 antd vue 版本实现这个效果？
 |
1
yaphets666 2022-09-21 13:46:04 +08:00
一般没这么弄的，校区，年级，班级，这都是查询条件，表格的表头只有一行，学号，姓名，校区，年级，班级
|
 |
2
Junn 2022-09-21 13:50:10 +08:00
table 嵌套吧
|
 |
3
timedivision 2022-09-21 14:06:59 +08:00
一楼合理，你这样搞反而很乱，建议改设计
|
 |
4
superbai OP |
 |
5
lybcyd 2022-09-21 16:28:02 +08:00
你这个表有点像数据透视表，antd vue 自带的表格不是针对这种场景设计的，硬要拼成这种数据结构会很难受。建议先把数据分好组，lodash 的 groupby 或者自己写一个，直接手动渲染 table ，然后抄一下 antd 的表格样式套进去。
|
|
10
yaphets666 2022-09-21 17:46:20 +08:00
@superbai 如果必须要是这种表格，antdv 的表格恐怕很难胜任，5 楼说的自己开发一个组件是个不错的选择。
|
|
11
superbai OP @yaphets666 #10 感谢回复，看来是没有现成的解法，我试试自己简单开发一个
|
Select Language