Handsontable

Handsontable 是一个 JavaScript 组件，它结合了数据网格功能和类似电子表格的 UX。 它提供数据绑定、数据验证、过滤、排序和 CRUD 操作。

开始使用 Handsontable

反应	角	见过	查看 3	JavaScript

特征

Handsontable 最受欢迎的功能：

  ✓ 多列排序   ✓ 非连续选择   ✓ 过滤数据   ✓ 导出到文件   ✓ 验证数据   ✓ 条件格式   ✓ 合并单元格   ✓ 冻结行/列   ✓ 移动行/列   ✓ 调整行/列大小   ✓ 隐藏行/列   ✓ 上下文菜单   ✓ 评论

文档

• 开发者指南
• API 参考
• 变更日志
• 演示

开始使用

使用 npm 安装

在终端中运行以下命令

npm install handsontable

您还可以使用Yarn、NuGet或直接从jsDelivr加载包。

创建占位符

创建 HTML 占位符

<div id="example"></div>

导入 Handsontable 及其样式表

import Handsontable from "handsontable";
import 'handsontable/dist/handsontable.full.css';

初始化网格

现在将占位符变成带有示例数据的数据网格。

const data = [
  ['', 'Tesla', 'Volvo', 'Toyota', 'Ford'],
  ['2019', 10, 11, 12, 13],
  ['2020', 20, 11, 14, 13],
  ['2021', 30, 15, 12, 13]
];

const container = document.getElementById('example');
const hot = new Handsontable(container, {
  data: data,
  rowHeaders: true,
  colHeaders: true
});

支持

我们通过联系表格或support@handsontable.com为使用商业版本的开发人员提供支持。

如果您使用非商业版本，请在StackOverflow上询问您的标记问题。

执照

Handsontable 是一款商业软件，有两个可用许可证：

• 免费用于教学、学术研究和评估等非商业目的。在这里阅读。
• 包含支持和维护的商业许可证。请参阅定价计划。

注册码

如果您在支持您的商业活动的项目中使用 Handsontable，则必须在handsontable.com购买许可证密钥。

如果您使用 Handsontable 的免费非商业许可，请传递短语 'non-commercial-and-evaluation'，如本文档中所述。

由Handsontable 团队自豪地创建和维护。