Handsontable中粗边框的实现

hot.updateSettings({
	minRows:35,
	minCols:3
)}

hot.updateSettings({
	customBorders:[
		{
			range:{
				from:{row:3,col:0},
				to:{row:3,col:3},
			},
			top:{width:2,color:'#000000'},
		},
		{
			range:{
				from:{row:32,col:0},
				to:{row:35,col:3},
			},
			top:{width:2,color:'#000000'},
			legt:{width:2,color:'#000000'},
			right:{width:2,color:'#000000'},
			bottom:{width:2,color:'#000000'},
		},
	]
})

range里的是范围;row:行数,col:列数,上列配置项的意思就是:
        1:第3行0列到第3行3列,顶部添加宽度为2px,颜色为'#000000'的边框
        2:第32行0列到第35行3列(这里为一个矩形),分别上下左右添加边框

实现:粗边框的实现只需要给top或者bottom就能实现
        

目前碰到的问题:

   1:如果设置行超过10,则需要添加minROWs,设置列超过4,需要添加minCols。
   2:minRows,和minCols分别需要大于你设置customBorders里的行和列。
   3:如果使用一个hansontable 容易来展示查询不同表的数据(各个查询数据的行列数量不同),则需要动态添加这些属性。
   4:使用hot.updateSettings();这里也遇到一个问题。如果在同一个updateSettings()里写入minRows,minCols,和customBorders,则可能会出现粗边框不实现的问题。故这里建议使用2次updateSettings()。先设置minRows,minCols,再设置customBorders。

最后附上官网地址:https://handsontable.com/

  • 8
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值