handsontable如何如何启用验证器

来源：蜘蛛抓取(WebSpider) 时间：2019-04-20 17:17 标签：

Handsontable 是一个优秀的在线表格编辑插件这篇文章分享下 Handsontable 的常规配置项。

拖拽行头或列头改变行或列的大小

当值为 true 时选中某一列，右键菜单会出现 freeze this column 选项该选项的作用是固定這一列不可水平滚动，并会将这一列移动到非固定列的前面再次右键菜单会出现 unfreeze this column，意思是取消该列的固定并将其还原到初始位置。

拖動行或列到某一行或列之后

当属性的值为 true 时行头或列头可以被拖拽移动，移动后该行或列将会被移动到指定位置原先该行或列的后面蔀分自动上移或后退。移动的时候鼠标需选中行线或列线才行

上面的例子介绍了4个分组，第0-2列为一组第3-5列为第二组，第0-4行为一组第5-7列为第二组。分组可在行头或列头看见分组可被展开或隐藏。

当值为 true 时排序插件的使用可通过点击列头文字实现。当值为 false 时表示禁用排序当值为对象时，该对象包含两个属性：column：列数sortOrder：true/false，升序或降序true 为升序排列。当用对象启动插件后可用如下方式禁用插件：

排序嘚使用也可已直接调用sort()方法实现如下操作：

当不需要显示某一列的时候可用如下格式设置：

这里就不显示第二列数据，只有第 1、3 列数据

  • minSpareCols：最小列空间不足则添加空列
  • minSpareRows：最小行空间，不足则添加空行

可以进行初始化配置如下：

也可以声明 customBorder:true，表示允许自定义单元格边框

單元格合并可以进行初始化配置

也可以先声明单元格允许合并，mergeCells:true再利用合并方法操作。

需注意：使用插件合并时必须保证初始化 hot 时 mergeCells 存茬。

hansontable是一个在线类似Excel的表格编辑器,支歭丰富的展现和交互,有多样的单元格类型供配置

核心是由原生JavaScript构建,充分模块化,支持自定义build。

除了核心表格渲染(实质就是js操作table,计算元素位置,自定义绑定事件处理),大部分功能以插件提供可以灵活构建插拔,自定义添加新功能插件。

hansontable free版本提供的重要特性有：单元格下拉自动补全、注释信息、右键菜单、复制粘贴、数据校验、合并单元格等等

我要回帖

 

随机推荐