蚂蚁金服的design Vue表格 动态合并代码详情!
你好!我们本次合并表格是实现的列 合并 rowSpan
在上代码 之前 我们先讲一下表格
Ui框架:
1、Vue
2、Ant design Vue
表格:
1、行是 colSpan
2、列是 rowSpan
design 表格的title 是不计算 索引的 !
我们开始贴图上代码,全部代码在文章末尾!
完成效果:
举例:我们以红框选中列做相同数据合并
1、Vue 展示 Ant table 代码
2、展示 data 数据
3、vue 导出代码
4、methods 方法里面实现 rowSpan
1、 注意 这里 key 是传值 声明方法的时候可以后写
2、使用的时候 在 mounted 里面调用即可
5、customRender 实现合并
代码部分:
<template>
<a-table :columns="columns" :data-source="data" bordered>
<template slot="nam