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/