Kchengz / k-form-design

基于vue Ant-Design 的表单设计器,快速开发

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

表格的合并有问题

wenkm opened this issue · comments

commented

先合并单元格,然后新增单元格就会出问题。如图:

Video.MP4.1008x770.mp4

Large GIF (1008x770)

这部分代码确实存在bug,目前只实现了比较简单的合并处理,因为个人能力有限,做的不是很好,后面会考虑完善一下这部分代码

我也发现了这个问题,这个是因为“增加一行”的时候,新增行的行号不对所导致的,需要修改“新增一行”的函数handleAddRow()最后一行改为

     // 记录行该行所占的格数,因为这里不可能永远是1,随着合并,占的行数会改变
      let differRow = this.rightMenuSelectValue.trs[this.trIndex].tds[this.tdIndex].rowspan
      this.rightMenuSelectValue.trs.splice(this.trIndex + differRow, 0, rowJson);

这样虽然新增行变正常了,但向下合并依然是存在这个bug,如三行中进行两次向下合并就会发现问题。
然后我是给每一个单元格进行唯一标识如(0,0)(0,1)(1,0)(1,1),合并时进行唯一标识的合并,这样不仅可以精确的合并(行合并的难处就在于无法找打下一行在哪里,是第几个),还可以用唯一标识进行拆分单元格和删除单元格。