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 还是受益匪浅的。