iview table 组件 如何合并行列

Question

table 组件 如何像原生那样合并行列， api中未找到相似的例子。谢谢！
就像这样的样式。用原生table 去写的话拖拽效果也做不到。

Answer 1

{
            title: '短文',
            align: 'center',
            width: 120,
            className: 'table-green-index',
            fixed: 'left',
            render: (h, params) => {
              let a = params.row.essay
              let b = []
              a.map((val, index) => {
                b.push(h('div', {
                  on: {
                    click: () => {
                      let status = null
                      if (a[index].status === 'Completed') {
                        status = true
                      } else {
                        status = false
                      }
                    }
                  }
                }, val.title))
                if (a.length !== index + 1) {
                  b.push(h('hr', {}))
                }
              })
              return b
            }
          }

这就是最后解决的方法。仔细研究一下rander 还是受益匪浅的。

Answer 2

iv是没有这个功能的！建议你用bootshrap Table 合并单元格 都可以 固定列也有

Answer 3

现阶段iview还有api去实现。但是可以自己弄：
iview提供给每个td提供class，在data数据里新增 cellClassName 字段 给td添加class，一种是需要添加rowspan的td（在数据渲染然后去操作dom设置属性） 一种是需要隐藏的td（配合css display：none），提供的一个思路