diff --git a/README.md b/README.md index 12f0335..65f31ff 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,21 @@ -## Smart Table 组件库 +# Smart Table 组件库 +** 专处理纯静态table固定头列及排序功能 ** +此组件库常用于服务端处理数据后直接返回HTML渲染,在客户端需要表格的多样化功能。 + +-- 初衷 -- + 方便在服务端直接返回已经渲染好的table数据后,增加table的组件库功能(如头固定、左右列固定、排序功能) + 此项目不依赖任何其他库,减少依赖 + +-- 设计 -- + 框架内核借鉴虚拟Dom实现,元素排序移动采用React的Diff算法实现,保证元素的可重复使用。增加throttle保证体验。 + +-- 优势 -- + - 支持多元化头部 + - 轻量,使用方便 + - 性能高 + +## 体验 +可直接访问dist/index.html ## 启动项目 @@ -8,6 +25,11 @@ npm run serve npm run build ### 使用方法 +引入 +``` + +``` +使用 ``` new SmartUI.Table({ selector: '#smartTable1', @@ -22,4 +44,12 @@ npm run build new SmartUI.Table({ selector: '#smartTable3' }) +``` +API Demo +``` + + + + + ``` \ No newline at end of file