123 lines
3.3 KiB
HTML
123 lines
3.3 KiB
HTML
|
<!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>
|