vue3 使用 element plus 的 Table 表格组件如何合并行和列

[kuma42710]

 前端小白，接了个学校的项目，其中一个模块是把上图渲染到页面上，但是 element plus 的 table 组件介绍的太简略了，小白看不懂，有没有大佬能帮帮小弟 Orz~ 我只能做到下面这样： OSBIUH.png)

[kuma42710]

额，为啥图片显示不出来？
https://img01.anzhiy.cn/useruploads/0/2023/05/07/64577404b3e9c.png
https://img01.anzhiy.cn/useruploads/0/2023/05/07/6457739f08ea3.png

[Juszoe]

文档挺好懂的呀，关键是传入 span-method 方法
1. 判断当前是第几行几列的单元格，设置 rowspan 和 colspan 。
2. rowspan 代表纵向跨越几行，colspan 代表横向跨越几列。
3. 被合并的单元格 rowspan 和 colspan 均设置为 0 。
不过你这个静态的表格没必要用 table 组件来做，原生的 html table 多简单，参考 https://html.com/tables/rowspan-colspan/

[debuggerx]

如果图里就是最终显示的效果，那感觉什么组件都不需要，div 一把梭都够了吧

[kuma42710]

@Juszoe #2 好的，谢谢老哥，我试试用原生

[kuma42710]

@debuggerx #3 这就试试

[SniperXu]

静态表格原生的撸吧，用 el-table 还麻烦😂

[stkstkss]

简单 原生撸