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

增加dist文件

Browse Source
This commit is contained in:
Julyp
2020-01-29 14:07:28 +08:00
parent 8207e9c332
commit caca71f20b
2 changed files with 493 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

492
dist/index.html vendored Normal file
View File

@@ -0,0 +1,492 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Smart Example</title>
<style>
body {
padding: 10px 20px;
}
.repo-link {
font-size: 16px;
color: #409eff;
text-decoration: none;
margin-right: 15px;
}
.smart-table a {
color: #409eff;
}
.title {
text-align: center;
padding: 10px 0;
color: #4acccc;
margin: 0;
}
.api-wrap {
font-size: 13px;
}
.smart-table {
margin: 20px 0px;
}
</style>
<script type="text/javascript" src="smartTable.26faa588.js"></script></head>
<body>
<h1 class="title">Smart Table Example<a href="https://github.com/peng92055/smart-table" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub</a></h1>
<div class="container">
<div class="api-wrap">
<h3>API</h3>
<p> new SmartUI.Table(options)</p>
<p> options: {</p>
<p> &nbsp;&nbsp;&nbsp;selector: 元素容器"string" 必填</p>
<p> &nbsp;&nbsp;&nbsp;tableHeight: 容器高度，数值或函数"number string function" 默认500</p>
<p> &nbsp;&nbsp;&nbsp;size: 表格尺寸（行高度），"string：large、middle、small" 默认small</p>
<p> &nbsp;&nbsp;&nbsp;textAlign: 表格对齐格式，"string：left、rigth、center" 默认center</p>
<p> &nbsp;&nbsp;&nbsp;scrollbarWidth: window系统下滚动条宽度，"number" 默认macos：0 windows:8</p>
<p> }</p>
</div>
<div class="example-wrap">
<div class="smart-table" id="smartTable1">
<table stripe>
<thead>
<tr>
<th colspan="1" rowspan="3" fixed sort>
<div class="cell">Id</div>
</th>
<th colspan="1" rowspan="2" width="200" fixed>
<div class="cell">日期</div>
</th>
<th colspan="1" rowspan="2" width="100" sort>
<div class="cell">姓名</div>
</th>
<th colspan="1" width="100" rowspan="1">
<div class="cell">省份</div>
</th>
<th colspan="1" rowspan="1" sort>
<div class="cell">市区</div>
</th>
<th colspan="1" rowspan="1">
<div class="cell">地址</div>
</th>
<th colspan="1" rowspan="1" fixed>
<div class="cell">邮编</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="cell">12</div>
</td>
<td>
<div class="cell">2016-01-03</div>
</td>
<td>
<div class="cell">1王小虎</div>
</td>
<td>
<div class="cell">1上海</div>
</td>
<td>
<div class="cell">2普陀区</div>
</td>
<td>
<div class="cell">3上海市普陀区金沙江路 1518 弄</div>
</td>
<td>
<div class="cell">200331</div>
</td>
</tr>
<tr>
<td>
<div class="cell">13</div>
</td>
<td>
<div class="cell">2016-02-03</div>
</td>
<td>
<div class="cell">2王小虎</div>
</td>
<td>
<div class="cell">3上海</div>
</td>
<td>
<div class="cell">4普陀区</div>
</td>
<td>
<div class="cell">2上海市普陀区金沙江路 1518 弄</div>
</td>
<td>
<div class="cell">200331</div>
</td>
</tr>
<tr>
<td>
<div class="cell">14</div>
</td>
<td>
<div class="cell">2016-03-03</div>
</td>
<td>
<div class="cell">3王小虎</div>
</td>
<td>
<div class="cell">4上海</div>
</td>
<td>
<div class="cell">1普陀区</div>
</td>
<td>
<div class="cell">6上海市普陀区金沙江路 1518 弄</div>
</td>
<td>
<div class="cell">200331</div>
</td>
</tr>
<tr>
<td>
<div class="cell">13</div>
</td>
<td>
<div class="cell">2016-02-03</div>
</td>
<td>
<div class="cell">2王小虎</div>
</td>
<td>
<div class="cell">3上海</div>
</td>
<td>
<div class="cell">4普陀区</div>
</td>
<td>
<div class="cell">2上海市普陀区金沙江路 1518 弄</div>
</td>
<td>
<div class="cell">200331</div>
</td>
</tr>
<tr>
<td>
<div class="cell">14</div>
</td>
<td>
<div class="cell">2016-03-03</div>
</td>
<td>
<div class="cell">3王小虎</div>
</td>
<td>
<div class="cell">4上海</div>
</td>
<td>
<div class="cell">1普陀区</div>
</td>
<td>
<div class="cell">6上海市普陀区金沙江路 1518 弄</div>
</td>
<td>
<div class="cell">200331</div>
</td>
</tr>
<tr>
<td>
<div class="cell">13</div>
</td>
<td>
<div class="cell">2016-02-03</div>
</td>
<td>
<div class="cell">2王小虎</div>
</td>
<td>
<div class="cell">3上海</div>
</td>
<td>
<div class="cell">4普陀区</div>
</td>
<td>
<div class="cell">2上海市普陀区金沙江路 1518 弄</div>
</td>
<td>
<div class="cell">200331</div>
</td>
</tr>
<tr>
<td>
<div class="cell">14</div>
</td>
<td>
<div class="cell">2016-03-03</div>
</td>
<td>
<div class="cell">3王小虎</div>
</td>
<td>
<div class="cell">4上海</div>
</td>
<td>
<div class="cell">1普陀区</div>
</td>
<td>
<div class="cell">6上海市普陀区金沙江路 1518 弄</div>
</td>
<td>
<div class="cell">200331</div>
</td>
</tr>
<tr unsort>
<td>
<div class="cell">15</div>
</td>
<td>
<div class="cell">2016-04-03</div>
</td>
<td>
<div class="cell">5王小虎</div>
</td>
<td>
<div class="cell">6上海</div>
</td>
<td>
<div class="cell">7普陀区</div>
</td>
<td>
<div class="cell">8上海市普陀区金沙江路 1518 弄</div>
</td>
<td>
<div class="cell">200331</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="smart-table" id="smartTable2">
<table>
<thead>
<tr>
<th colspan="1" rowspan="3" fixed sort="number">
<div class="cell">Id</div>
</th>
<th colspan="1" rowspan="3" sort fixed>
<div class="cell">日期</div>
</th>
<th colspan="5" rowspan="1" sort>
<div class="cell">配送信息</div>
</th>
<th colspan="1" rowspan="3" fixed>
<div class="cell">操作</div>
</th>
</tr>
<tr>
<th colspan="1" rowspan="2" sort>
<div class="cell">姓名</div>
</th>
<th colspan="4" rowspan="1" sort>
<div class="cell">地址</div>
</th>
</tr>
<tr>
<th colspan="1" rowspan="1">
<div class="cell">省份</div>
</th>
<th colspan="1" rowspan="1">
<div class="cell">市区</div>
</th>
<th colspan="1" rowspan="1">
<div class="cell">地址</div>
</th>
<th colspan="1" rowspan="1" sort>
<div class="cell">邮编</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="cell">11</div>
</td>
<td>
<div class="cell">2016-05-02</div>
</td>
<td>
<div class="cell">王小虎2</div>
</td>
<td>
<div class="cell">上海2</div>
</td>
<td>
<div class="cell">普陀区2</div>
</td>
<td>
<div class="cell">上海市普陀区金沙江路 1518 弄2</div>
</td>
<td>
<div class="cell">200332</div>
</td>
<td>
<div class="cell"><a href="#">查看2</a></div>
</td>
</tr>
<tr>
<td>
<div class="cell">2</div>
</td>
<td>
<div class="cell">2016-05-03</div>
</td>
<td>
<div class="cell">上小虎3</div>
</td>
<td>
<div class="cell">上海3</div>
</td>
<td>
<div class="cell">普陀区3</div>
</td>
<td>
<div class="cell">上海市普陀区金沙江路 1518 弄3</div>
</td>
<td>
<div class="cell">200333</div>
</td>
<td>
<div class="cell"><a href="#">查看3</a></div>
</td>
</tr>
<tr>
<td>
<div class="cell">13</div>
</td>
<td>
<div class="cell">2016-01-03</div>
</td>
<td>
<div class="cell">小小虎1</div>
</td>
<td>
<div class="cell">上海1</div>
</td>
<td>
<div class="cell">普陀区1</div>
</td>
<td>
<div class="cell">上海市普陀区金沙江路 1518 弄1</div>
</td>
<td>
<div class="cell">200331</div>
</td>
<td>
<div class="cell"><a href="#">查看1</a></div>
</td>
</tr>
<tr>
<td>
<div class="cell">5</div>
</td>
<td>
<div class="cell">2016-05-04</div>
</td>
<td>
<div class="cell">王小虎4</div>
</td>
<td>
<div class="cell">上海4</div>
</td>
<td>
<div class="cell">普陀区4</div>
</td>
<td>
<div class="cell">上海市普陀区金沙江路 1518 弄4</div>
</td>
<td>
<div class="cell">200334</div>
</td>
<td>
<div class="cell"><a href="#">查看4</a></div>
</td>
</tr>
<tr>
<td>
<div class="cell">13</div>
</td>
<td>
<div class="cell">2016-01-03</div>
</td>
<td>
<div class="cell">小小虎1</div>
</td>
<td>
<div class="cell">上海1</div>
</td>
<td>
<div class="cell">普陀区1</div>
</td>
<td>
<div class="cell">上海市普陀区金沙江路 1518 弄1</div>
</td>
<td>
<div class="cell">200331</div>
</td>
<td>
<div class="cell"><a href="#">查看1</a></div>
</td>
</tr>
<tr>
<td>
<div class="cell">5</div>
</td>
<td>
<div class="cell">2016-05-04</div>
</td>
<td>
<div class="cell">王小虎4</div>
</td>
<td>
<div class="cell">上海4</div>
</td>
<td>
<div class="cell">普陀区4</div>
</td>
<td>
<div class="cell">上海市普陀区金沙江路 1518 弄4</div>
</td>
<td>
<div class="cell">200334</div>
</td>
<td>
<div class="cell"><a href="#">查看4</a></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script>
new SmartTable({
selector: '#smartTable1'
})
new SmartTable({
selector: '#smartTable2',
tableHeight: 300,
textAlign: 'left',
size: 'middle'
})
</script>
</body>
</html>

1
dist/smartTable.26faa588.js vendored Normal file
View File

File diff suppressed because one or more lines are too long