element ui plus怎样实现表头纵向合并所有行?

什么么么么
  • 384

如图中的"教育背景"列
image.png

回复
阅读 454
1 个回答
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
                if (columnIndex === 0) {      // 用于设置要合并的列 这里是指第一列合并
                    if (rowIndex % 2 === 0) { // 用于设置合并开始的行号,具体结合下方案例理解
                        return {
                            rowspan: 2,           // 要合并的行数
                            colspan: 1            // 要合并的列数
                        };
                    } else {
                        return {
                            rowspan: 0,           // 要合并的行数,为 0 则直接不显示
                            colspan: 0            // 要合并的列数,为 0 则直接不显示
                        };
                    }
                }
            }

参考一下

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏