https://github.com/huanghaiyang/merge-table

对HTML表格进行合并拆分操作
https://github.com/huanghaiyang/merge-table

merge-table table table-builder

Last synced: 12 days ago
JSON representation

对HTML表格进行合并拆分操作

• Host: GitHub
• URL: https://github.com/huanghaiyang/merge-table
• Owner: huanghaiyang
• Created: 2015-04-15T07:08:17.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2015-06-09T06:09:09.000Z (almost 10 years ago)
• Last Synced: 2025-05-13T01:08:45.952Z (12 days ago)
• Topics: merge-table, table, table-builder
• Language: JavaScript
• Homepage:
• Size: 637 KB
• Stars: 17
• Watchers: 1
• Forks: 6
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# merge-table

HTML表格设计器可以快速的可视化设计一个表格，可以对单元格进行合并，拆分，添加，删除以及设置样式等操作，API简单易懂

###第一步:

grunt /*运行任务，生成js主文件*/


###第二步:

bower install /*安装依赖库*/


###第三步：

npm start /*运行项目*/


##API



	


		       merge  合并多个单元格

				
MergeTable.merge();

	



		 splitH  横拆单元格
MergeTable.splitH();

	



		 splitV  竖拆单元格
MergeTable.splitV();

	



		 deleteCol  删除列
MergeTable.deleteCol();

	



		 deleteRow  删除行
MergeTable.deleteRow();

	



		 addRowTop  在当前选中的单元格上方添加行
MergeTable.addRowTop();

	



		 addRowBottom  在当前选中的单元格下方添加行
MergeTable.addRowBottom();

	



		 addColLeft  在当前选中的单元格左侧添加列
MergeTable.addColLeft();

	



		 addColRight  在当前选中的单元格右侧添加列
MergeTable.addColRight();

	



		 init  初始化表格



/*

tableContainer是表格的父容器

*/

var tableContainer = $("#tableContainer");

MergeTable.init("tableContainer", tableContainer.html());;

	



		 clearMerge  彻底拆分单元格
MergeTable.clearMerge();

	



		 setSelectionCss  设置单元格样式



/*

可以设置任意样式到选中的表格上

*/

MergeTable.setSelectionCss('background-color:#dfdfdf;');

	



		 read  以HTML文本的方式返回表格内容
var htmlStr = MergeTable.read();

	



		 getSelectionCells  获取当前被选中的单元格
var arr = MergeTable.getSelectionCells();

	




以及其他 ...

###演示示例

![Alt text](sample.gif)