ant design vue 合并 表格 行 和列

在表格的 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
          }
        }

ant design vue 合并 表格 行 和列_第1张图片

你可能感兴趣的:(vue.js,javascript,ecmascript)