首页 >
文章列表 > Vue 表格合并单元格多行数据如何解决数据偏移问题?
Vue 表格合并单元格多行数据如何解决数据偏移问题?
269
2024-12-19

在 Vue 原生表格中合并单元格时,若需要合并多余 2 行的数据,会导致表格剩余数据向后偏移。要解决此问题,需要隐藏掉多余的数据。
具体操作如下:
- 数据处理:遍历数据并调整 merge_number 的值。当 merge_number 为 1 时,将其置为 0。当 merge_number 大于 1 时,将其减 1。
- Vue 模板渲染:只渲染 merge_number 大于 0 的行。在模板中添加 v-if 判断,当 merge_number 大于 0 时,才渲染对应的单元格。