62

0

Handsontable

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

掌上电脑

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

npm npm 100 个州 沟渠状态 质量门状态


开始使用 Handsontable

反应 见过 查看 3 JavaScript

Handsontable 数据网格

特征

Handsontable 最受欢迎的功能:

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

文档

开始使用

使用 npm 安装

在终端中运行以下命令

npm install handsontable

您还可以使用YarnNuGet或直接从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 团队自豪地创建和维护。