Drip Table 是一款由京东零售推出的高效动态表格解决方案。通过简单的配置，开发者可以快速构建功能丰富、界面美观的表格，极大地提升开发效率。Drip Table 基于 React 和 JSON Schema，具有高度的灵活性和可扩展性。支持自定义样式、交互、数据源等，满足各种业务需求。
特性
- 基本表格： 提供基本的表格布局和功能。
- 复合表格： 支持更复杂的表格结构和功能。
- 工具栏： 提供各种表格操作的工具栏。
- 渲染器： 自定义表格单元格的渲染方式。
- 文本组件： 用于显示文本内容。
- 数字组件： 用于显示数字内容。
- 图像组件： 用于显示图像。
- 链接组件： 用于显示链接。
- 标签组件： 用于显示标签。
- 按钮组件： 用于创建交互式按钮。
- 选择组件： 用于提供下拉选择选项。
- 日期选择器组件： 用于选择日期。
- 弹出页面组件： 用于弹出新的页面。
- 富文本组件： 用于显示富文本内容。
- 分组组件： 用于将表格中的行分组。
- 自定义组件： 支持自定义组件来扩展表格功能。
- 表头插槽： 用于自定义表头内容。
- 表尾插槽： 用于自定义表尾内容。
- 分页： 支持分页功能。
- 虚拟列表： 用于处理大量数据时的性能优化。
- 固定列： 将列固定在屏幕上。
- 子表格： 在表格单元格内嵌套子表格。
- 行选择： 支持选择表格行。
- 行拖拽： 支持拖拽表格行。
- 固定列： 将列固定在屏幕上。
- 显示/隐藏列： 支持显示或隐藏列。
- 编辑数据： 支持编辑表格中的数据。
- 条纹： 添加表格条纹样式。
- 带边框的表格： 添加表格边框。
- 列调整大小： 支持调整列的大小。
- 尺寸： 支持设置表格的尺寸。
- 全局样式： 支持设置全局样式。
- 空表格提示： 当表格为空时显示提示信息。
- 加载状态： 显示加载状态。
- 卡片布局： 以卡片形式显示表格。
- 过滤： 支持根据条件过滤表格数据。
安装
# 环境要求
Node >= 10.14.0
React >= 16.9.0
# 安装渲染器
npm install --save drip-table
# 导入依赖
import React from 'react';
import DripTable from 'drip-table';
import 'drip-table/dist/index.min.css';
# 安装生成器
npm install --save drip-table-generator
# 导入依赖
import DripTableGenerator from 'drip-table-generator';
import 'drip-table-generator/dist/index.min.css';
