文档
数据选项
options: {
cols: 6, // 要生成的表格列数
rows: 7, // 要生成的表格行数 这个表是 7 * 6
data: [ // 表格数据,生成表格后将数据按顺序一一填充到表格...10, a: 100, b: 100 }, // content 字段为表格的内容
// 需要合并的数据需要填入一个 merge 对象
// row col 为起始行列,rowspan...// 这代表这个数据要放在 row 为 3,col 为 1 的单元格上,并且占 3 行 1列
{ content: '测试2', merge: { row: 3, col: 0, rowspan...: 3 } },
{ content: '测试3' },
],
},
事件
组件可监听 click 事件,回调函数事件参数格式:
// 当前点击的数据 行数据 行索引 列索引,返回的行数据...使用
在单文件组件中引用
npm i vue-mergeable-table
import VueMergeableTable from 'vue-mergeable-table'
Vue.use(VueMergeableTable