element ui 表格合并单元格最后一行高度异常问题
element ui 表格使用 rowspan 属性合并单元格时，最后一行的高度可能出现比其他行高的异常情况。
原因：
element ui 表格合并单元格时，需要通过 objectspanmethod 方法指定合并单元格的起始行和结束行，而通常情况的错误是合并起始行计算错误，导致最后一行高度异常。
解决方法：
检查 objectspanmethod 方法中合并单元格起始行的计算是否正确，确保最后一行的高度也参与计算。例如，在代码示例中，合并后的行数使用的是 this.needobj.invite_list.length，但如果分页显示，应使用 pagesize 来计算合并行数。
修改后的 objectspanmethod 方法：
objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 6) { // 操作第6列 if (rowIndex % 2 === 0) { return { rowspan: this.needObj.invite_list.length % pageSize, // 多少行 合并 成 1个：如果没有分页，就用tableData.length；如果有分页，就用pageSize colspan: 1 }; } else { return { rowspan: 0, colspan: 0 }; } }}
登录后复制
通过修改起始行计算的方式，可以解决最后一行高度异常的问题。
以上就是Element UI 表格合并单元格最后一行高度异常如何解决？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2849124.html
