【前端插件】动态table单元格拆分合并、行列添加删除

给大家推荐一个可以在前端进行table的表格操作的插件，功能有单元格的合并、拆分、添加行、删除行等，开源，可以通过修改源码进行一定程度的功能自定义

官方文档：REDIPS.table documentation – Redips spideR Net

官方demo：Example 0: Table demo

使用的code

// 实例对象
let redips = {};


// 定义实例对象的方法
// 初始化实例对象
redips.init = function () {
	var rt = REDIPS.table;
	// id="mainTable" 的table上定义mousedown事件监听
	rt.onMouseDown('mainTable', true);
	// 是否在单元格中展示索引 如 1-1
	rt.cellIndex(true);
	// 定义被选择的单元格颜色
	rt.color.cell = '#9BB3DA';
};


// 合并
redips.merge = function () {
	// 水平合并并且清除选中
	REDIPS.table.merge('h', false);
	// 垂直合并
	REDIPS.table.merge('v');
};


// 拆分
// mode = 'h' / 'v'
redips.split = function (mode) {
	REDIPS.table.split(mode);
};


// insert/delete 添加或删除行
redips.row = function (type) {
	REDIPS.table.row('mainTable', type);
};


// 添加或删除列
redips.column = function (type) {
	REDIPS.table.column('mainTable', type);
};


// 页面渲染完之后执行初始化实例
if (window.addEventListener) {
	window.addEventListener('load', redips.init, false);
}
else if (window.attachEvent) {
	window.attachEvent('onload', redips.init);
}