如何实现el-table表格动态合并指定列相同数据的自定义单元格功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计2956个文字,预计阅读时间需要12分钟。
目录
1.固定合并
2.动态合并(相同数据单元格(所有列))
3.动态合并(指定数据单元格(指定列))
4.动态合并(指定数据单元格(指定列+条件))
完整代码1.固定合并
官方提供合并目录
- 1.固定合并
- 2. 动态合并相同数据单元格(所有列)
- 3. 动态合并相同数据单元格(指定列)
- 4. 动态合并相同数据单元格(指定列+合并条件)
- 完整代码
1.固定合并
- 官方挺提供的合并具体某行列的方法:el-table合并行或列
- 通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。
该函数可以返回一个包含两个元素的数组,第一个元素代表rowspan,第二个元素代表colspan。 也可以返回一个键名为rowspan和colspan的对象。
本文共计2956个文字,预计阅读时间需要12分钟。
目录
1.固定合并
2.动态合并(相同数据单元格(所有列))
3.动态合并(指定数据单元格(指定列))
4.动态合并(指定数据单元格(指定列+条件))
完整代码1.固定合并
官方提供合并目录
- 1.固定合并
- 2. 动态合并相同数据单元格(所有列)
- 3. 动态合并相同数据单元格(指定列)
- 4. 动态合并相同数据单元格(指定列+合并条件)
- 完整代码
1.固定合并
- 官方挺提供的合并具体某行列的方法:el-table合并行或列
- 通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。
该函数可以返回一个包含两个元素的数组,第一个元素代表rowspan,第二个元素代表colspan。 也可以返回一个键名为rowspan和colspan的对象。

