peng92055/smart-table
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新Readme

Browse Source
This commit is contained in:
Julyp
2020-02-08 12:11:25 +08:00
parent 31b9f7289a
commit eaf81d57aa
4 changed files with 248 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
README.md
View File

@@ -22,7 +22,8 @@
- 多级表头 - 多级表头
- 排序 - 排序
- 树形数据 - 树形数据
- 单选、多选 - 单选
- 多选
## 体验 ## 体验
可直接访问https://peng92055.github.io/smart-table 可直接访问https://peng92055.github.io/smart-table
@@ -86,18 +87,18 @@
### Table Options ### Table Options
| Property | Type | Required | Description | Default | | Property | Type | Required | Description | Default |
| :---------------------| :----------------- | :---------- | :------------------------------------------------------------- | :------------ | | :---------------------| :----------------- | :---------- | :--------------------------------------------------------- | :------------ |
| selector | string | yes | 需要初始化的表格元素 | | | selector | string | yes | 需要初始化的表格元素 | |
| height | number or function | no | 可指定表格的高度 | | | height | number or function | no | 可指定表格的高度 | |
| align | string | no | 表格文本的水平排列方式(left、center、right) | center | | align | string | no | 表格文本的水平排列方式(left、center、right) | center |
| size | string | no | 每一行的垂直高度风格(large、middle、small) | small | | size | string | no | 每一行的垂直高度风格(large、middle、small) | small |
| hoverBgColor | string | no | body中每行hover时的背景色 | '#EFF8FF' | | hoverBgColor | string | no | body中每行hover时的背景色 | '#EFF8FF' |
| expand | boolean | no | 是否开启树形结构(树形结构会忽略排序及固定列) | false | | expand | boolean | no | 是否开启树形结构(树形结构会忽略排序及固定列) | false |
| defaultExpandAll | boolean | no | 是否默认展开所有树形结构 | false | | defaultExpandAll | boolean | no | 是否默认展开所有树形结构 | false |
| selection | string | no | 单选或多选（radio、checkbox),选中值会存储在根节点selected属性上 | false | | selection | string | no | 单选或多选（radio、checkbox)，选中值会存储在根节点selected属性上 | false |
| selectionKey | string or number | no | 单选或多选时选中取值对应的tbody中有效列的角标（角标从0开始） | 0 | | selectionKey | string or number | no | 单选或多选时选中取值对应的tbody中有效列的角标(角标从0开始) | 0 |
| radioBgColor | string | no | 单选时，body中选中行的背景色 | '#D1E7FF' |

227
dist/smartTable.min.js vendored
View File

File diff suppressed because one or more lines are too long

10
examples/index.html
View File

@@ -75,9 +75,13 @@
GitHub</a></h1> GitHub</a></h1>
<div class="sidebar"> <div class="sidebar">
<p>表格类型：</p> <p>表格类型：</p>
<p> <a href="#smartTable1"> ● 单表头</a></p> <p> <a href="#smartTable1">&bull;&nbsp;单表头</a></p>
<p> <a href="#smartTable2"> ● 多表头</a></p> <p> <a href="#smartTable1">&bull;&nbsp;单选</a></p>
<p> <a href="#smartTable3"> ● 树形表</a></p> <p> <a href="#smartTable1">&bull;&nbsp;排序</a></p>
<p> <a href="#smartTable2">&bull;&nbsp;多表头</a></p>
<p> <a href="#smartTable2">&bull;&nbsp;固定列</a></p>
<p> <a href="#smartTable2">&bull;&nbsp;多选</a></p>
<p> <a href="#smartTable3">&bull;&nbsp;树形表</a></p>
</div> </div>
<div class="container"> <div class="container">
<div id="smartTable1"> <div id="smartTable1">

2
lib/core/core.js
View File

@@ -585,7 +585,7 @@ function initExpand(vm, tbody) {
data.push(node) data.push(node)
} }
if (hasParent) { if (hasParent) {
styled(querySelector(row, "td"), { paddingLeft: 35 * paddingLength + "px" }) styled(querySelector(row, "td"), { paddingLeft: 32 * paddingLength + "px" })
styled(row, { display: expandAll ? '' : 'none' }) styled(row, { display: expandAll ? '' : 'none' })
} }
}) })