Handsontable.js 的一些基础配置

最新推荐文章于 2024-09-15 07:58:02 发布

切图工

最新推荐文章于 2024-09-15 07:58:02 发布

阅读量1.7k

点赞数

分类专栏： js模块文章标签： handsontable 菜单列头拆分

本文链接：https://blog.csdn.net/xmy120/article/details/82858256

版权

js模块专栏收录该内容

18 篇文章 0 订阅

订阅专栏

修改列头显示：

colHeaders : function(index){
	function returnNumber(index){
		var str = '';
		if(index > 25){
			var prv = parseInt(index/26);
			index = index - 26 * prv;
			str = returnNumber(prv - 1);
		}
		str += String.fromCharCode(65 + index);
		return str;
	}
	var numStr = index + 1;
	var num = returnNumber(index) + '(' + numStr + ')';
	return num;
},

colHeaders 设置为true的时候，默认使用A、B、C来作为表格列的列头，也可以使用数组和函数，以上是使用A(1)这种方式来显示列头。

菜单:
contextMenu 可以为true也可以使用{ items : { "row_above" : {}, "slic_clls" : { name:"拆分"， key:"splic", callback:function(key,options){} } } }
来自定义菜单，这里的slic_clls是自定义的拆分功能，合并单元格可以使用hot.mergeCells.mergedCellInfoCollection.serInfo({row:'',col:'',colspan:'',rowspan:''})
row是开始行，col是开始列，colspan是合并几列，rowspan是合并行数。Handsontable的网格合并都是存在mergeCells.mergedCellInfoCollection中的，所以合并和拆分的操作实际上就是操作mergeCells.mergedCellInfoCollection然后进行刷新就可以了。