更新readme

This commit is contained in:
julyp
2020-01-13 16:55:59 +08:00
parent 54ff1dc498
commit 84ff7b936f

View File

@@ -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
### 使用方法
引入
```
<script type="text/javascript" src="smartUtils.853cd440.js"></script>
```
使用
```
new SmartUI.Table({
selector: '#smartTable1',
@@ -22,4 +44,12 @@ npm run build
new SmartUI.Table({
selector: '#smartTable3'
})
```
API Demo
```
<th colspan="1" rowspan="3" fixed sortable="number"></th>
<th colspan="1" rowspan="3" sortable fixed></th>
<th colspan="5" rowspan="1" sortable></th>
<th colspan="1" rowspan="3" fixed></th>
<tr unsort></tr>
```