active table是一个完全可自定义的Web组件,旨在侧重于提供最佳的可编辑餐桌体验。无论您需要简单的表还是复杂的实时数据可视化网格,都可以量身定制此组件以适合您的特定需求!探索activetable.io查看所有可用功能,如何使用它们,示例等等!
主要功能
- 添加/删除/移动/编辑行/列
- 文本验证
- 排序
- 分页
- 过滤
- 列类型:文本/号码/货币/选择/标签/日期/复选框
- 用于构建自定义列类型的API
- 导入/导出/粘贴/拖放CSV,XLS,XLSX,ODS,TXT文件
- 编程单元更新
- 反应性维度
- 溢出处理
- 一切都是可自定义的!
?最新更新
现在可以使用鼠标拖动表列和行:
入门
npm install active-table
如果使用React,请安装以下内容:
npm install active-table-react
然后只需将其添加到您的标记中:
<active-table data=\'[[\"Planet\", \"Diameter\"], [\"Earth\", 12756]]\'/>
上述示例的确切语法将根据您选择的框架而有所不同(请参阅此处)。
?例子
查看您选择的UI框架/库的实时Codepen示例:
| 反应 | VUE 2 | VUE 3 | 角 | 苗条 | Sveltekit | 坚硬的 | 下一个 | 香草 |
|---|---|---|---|---|---|---|---|---|
❤️贡献
开源是由社区为社区建造的。欢迎对该项目的所有贡献!
此外,如果您对增强功能有任何建议,关于如何进一步进行项目或发现错误的想法,请毫不犹豫地创建新问题票,我们将尽快调查!
