项目地址可根据数据动态生成可合并行列的表格。documentdataoptionsoptions:{cols:6,//生成表的列数rows:7,//生成表的行数这个表是7*6data:[//表数据,生成表后,按数据顺序一个一个填入表格{content:'test1',id:10,a:100,b:100},//content字段就是表格的内容//数据要bemerged需要填写一个merge对象//rowcol是起始行和列,rowspan和colspan是合并的行数,默认值为1,为1时可以留空//这个表示数据应该放在第3行第1列的单元格上,占3行1列{content:'Test2',merge:{row:3,col:0,rowspan:3}},{content:'Test3'},],},事件组件可以监听点击事件,回调函数事件参数格式://当前点击的数据行数据行索引列索引,返回的行数据行索引列索引是基于合并表句柄eClick(data,rowData,row,col){console.log(data)console.log(rowData)console.log(row)console.log(col)},在线DEMO笔记假设你创建一个4*4的表,如如下图所示。现在您已经为每一行合并了3列,表格将折叠。这是表单本身的问题,而不是组件的问题。要解决此问题,只需在未合并的表中再添加一行。使用npmivue-mergeable-tableimportVueMergeableTablefrom'vue-mergeable-table'Vue.use(VueMergeableTable)
