handsontable 中文 API
常规配置:
1.固定行列位置
xedRowsTop:行数 //固定顶部多少行不能垂直滚动
xedColumnsLeft:列数 //固定左侧多少列不能水平滚动
2.拖拽行头或列头改变行或列的大小
manualColumnResize:true/false//当值为 true 时,允许拖动,当为 false 时禁止拖动
manualRowResize:true/false//当值为 true 时,允许拖动,当为 false 时禁止拖动
3.延伸列的宽度
stretchH:last/all/none ! ! ! //last:延伸最后一列,all:延伸所有列,none 默认不延伸。
4.手动固定某一列
manualColumnFreeze: true/false !
//当值为 true 时,选中某一列,右键菜单会出现 freeze this column 选项,该选项的作
用是固定这一列不可水平滚动,并会将这一列移动到非固定列的前面。再次右键菜单会出
现 unfreeze this column,意思是取消该列的固定,并将其还原到初始位置。
5.拖动行或列到某一行或列之后
manualColumnMove:true/false 当值为 true 时,列可拖拽移动到指定列
manualRowMove:true/false 当值为 true 时,行可拖拽至指定行
当属性的值为 true 时,行头或列头可以被拖拽移动,移动后该行或列将会被移动到指定位
置,原先该行或列的后面部分自动上移或后退。移动的时候鼠标需选中行线或列线才行。
6.设置当前行或列的样式
currentRowClassName:当前行样式的名称
currentColClassName:当前列样式的名称
7.行分组或列分组
groups:[{cols:[0,2]},{cols:[3,5]},{rows:[0,4]},{rows:[5,7]}]
上面的例子介绍了 4 个分组,第 0-2 列为一组,第 3-5 列为第二组,第 0-4 行为一组,第
5-7 列为第二组。分组可在行头或列头看见,分组可被展开或隐藏。
8.允许排序
columnSorting:true/false/对象 //当值为 true 时,表示启用排序插件
当值为 true 时,排序插件的使用可通过点击列头文字实现。当值为 false 时表示禁用排
序。当值为对象时,该对象包含两个属性:column:列数。sortOrder:true/false,升
序或降序,true 为升序排列。当用对象启动插件后可用如下方式禁用插件:
hot.updateSettings({
! ! columnSorting:false
});
评论6