ant design vue 合并表格行和列

最新推荐文章于 2024-07-02 17:40:20 发布

艾米家的猫儿（傻钢）

最新推荐文章于 2024-07-02 17:40:20 发布

阅读量477

点赞数 1

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/qq_731335498/article/details/130084724

版权

在表格的 column 中设置；

 {
          title: '订单金额',
          dataIndex: 'name3',
          align: 'center',
          customRender: (value, row, index) => {
            const obj = {
              children: '￥200+200火力值',
              attrs: {}
            }
            if (index === 0) {
              obj.attrs.rowSpan = this.tableData.length // 合并数量 纵向合并
              // obj.attrs.colSpan = 3 // 横向合并
            }
            if (index >= 1) {
              obj.attrs.rowSpan = 0 // 合并数量 纵向合并
              // obj.attrs.colSpan = 0  // 横向合并
            }
            return obj
          }
        }