mqzheng/learning-table-element
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
janetX97
2018-08-02 18:07:18 +08:00
commit 261f87e889
3 changed files with 275 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
index.html Normal file
View File

@@ -0,0 +1,123 @@
<!DOCTYPE html>
<html>
<head>
<title>tables</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<container>
<table class='table' id='main_table'>
<caption> 按客户与产品交叉分析报表</caption>
<tr id='main-title'>
<th></th>
<th colspan="7">数量</th>
<th colspan="7" class='highlight'>金额</th>
</tr>
<tr id='ingredient-title' ondragover="allowDrop(event)" ondrop="dropcol(event)">
<th>客户/产品</th>
<th>番茄酱</th>
<th>海鲜粉</th>
<th>酱油</th>
<th>麻油</th>
<th>牛奶</th>
<th>苹果汁</th>
<th>盐</th>
<th>番茄酱</th>
<th>海鲜粉</th>
<th>酱油</th>
<th>麻油</th>
<th>牛奶</th>
<th>苹果汁</th>
<th>盐</th>
</tr>
<tr class='row'>
<td>艾德高科技</td>
<td>20</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>40</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>720.00</td>
<td></td>
</tr>
<tr class='row'>
<td>霸力建设</td>
<td>20</td>
<td>5</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>150.00</td>
<td></td>
<td></td>
<td></td>
<td>720.00</td>
<td></td>
</tr>
<tr class='row'>
<td>保信人寿</td>
<td>70</td>
<td></td>
<td></td>
<td></td>
<td>20</td>
<td>54</td>
<td></td>
<td>560.00</td>
<td></td>
<td></td>
<td></td>
<td>304.00</td>
<td>972.00</td>
<td></td>
</tr>
<tr class='row'>
<td>保信人寿abc</td>
<td>70</td>
<td></td>
<td></td>
<td></td>
<td>20</td>
<td>54</td>
<td></td>
<td>560.00</td>
<td></td>
<td></td>
<td></td>
<td>304.00</td>
<td>972.00</td>
<td></td>
</tr>
</table>
<sidebar>
<h1>tools box</h1>
<form>
<input type="number" placeholder="添加行" value='' id='row'>
<br>
<input type="number" placeholder="添加列" value='' id='col'>
<br>
<input type='button' id='submit' value='确定'>
</form>
</sidebar>
</container>
</body>
<script src='./app.js '></script>
</html>