其他
京东开源！轻量又强大的企业级表格可视化搭建解决方案
大家好，我是TJ
一个励志推荐10000款开源项目与工具的程序员
drip-table：动态列表解决方案的核心库，其主要能力是支持符合 JSON Schema 标准的数据自动渲染列表内容。 drip-table-generator：一个可视化的用于 DripTable 配置 JSON Schema 标准的配置数据的生成工具。
优势
高效开发：提高前端列表开发效率，实现 Lowcode 方式快速开发列表页。 配置化渲染：以简单的 JSON Schema 配置字段，自动渲染处所需要的列表，降低用户使用成本。 动态可扩展：支持自定义组件开发，通过API快速生成自定义的或者实现业务功能的单元格组件。 界面框架自由：表格界面框架支持多种主题包，另外还支持自定义主题包。
何时使用
用于中后台 CMS 列表页的快速搭建，通过简单 JSON Schema 数据即可生成列表，无需硬编码。 用于 Lowcode 列表搭建的前端 Table 预览以及实现，无需复杂前端代码，便可实现自定义的列表。
开始使用
DripTable 分为两种应用场景：配置端和应用端。配置端主要负责通过可视化方式和 low-code 方式进行 JSON Schema 标准数据的生成。应用端的职能则是将 JSON Schema 标准配置数据渲染成动态列表。
配置端
1、安装依赖
2、在文件开头引入依赖
import "drip-table-generator/dist/index.min.css";
3、在页面中引用
应用端
1、安装依赖
2、在文件开头引入依赖
import DripTable from "drip-table";
// 引入 drip-table 样式
import "drip-table/dist/index.min.css";
3、引用
size: "middle",
columns: [
{
key: "columnKey",
title: "列标题",
dataIndex: "dataIndexName",
component: "text",
options: {
mode: "single",
},
},
],
};
return (
<DripTable
schema={schema}
dataSource={[]}
/>
);
往期推荐
点击下方卡片，关注公众号“TJ君”
每天了解一个牛x、好用、有趣的东东