<!-- 商户结算统计列表 -->
<div id="gridPanel1" style='max-height: 320px; _height:expression(this.scrollHeight > 320 ? "320px" : "auto"); overflow-y:auto; '>
<table id="bodyTable" class="tableStyle" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width='10%' class="title" style="position: relative; top:expression(gridPanel1.scrollTop);" title="序号">序号</td>
<td width='10%' class="title" style="position: relative; top:expression(gridPanel1.scrollTop);" title="供应商">供应商</td>
<td width='10%' class="title" style="position: relative; top:expression(gridPanel1.scrollTop);" title="供应商编号">供应商编号</td>
<td width='10%' class="title" style="position: relative; top:expression(gridPanel1.scrollTop);" title="销售数量">销售数量</td>
<td width='10%' class="title" style="position: relative; top:expression(gridPanel1.scrollTop);" title="进货总金额" id='moneyStyle'>进货总金额</td>
<td width='10%' class="title" style="position: relative; top:expression(gridPanel1.scrollTop);" title="配送费" id='moneyStyle'>配送费</td>
<td width='10%' class="title" style="position: relative; top:expression(gridPanel1.scrollTop);" title="成本结算额" id='moneyStyle'>成本结算额</td>
<td width='10%' class="title" style="position: relative; top:expression(gridPanel1.scrollTop);" title="供应商帐号">供应商帐号</td>
<td width='10%' class="title" style="position: relative; top:expression(gridPanel1.scrollTop);" title="供应商开户行">供应商开户行</td>
</tr>
<c:forEach items="${resultList}" var='settlement'>
<tr>
<td width='10%' class="tableHeader" title="序号"> ${settlement.number}</td>
<td width='10%' class="tableHeader" title="供应商"> ${settlement.suppliersName}</td>
<td width='10%' class="tableHeader" title="供应商编号"> ${settlement.suppliersId}</td>
<td width='10%' class="tableHeader" title="销售数量"> ${settlement.saleNum}</td>
<td width='10%' class="tableHeader" title="进货总金额" id='moneyStyle'> ${settlement.totalCostPrice}</td>
<td width='10%' class="tableHeader" title="配送费" id='moneyStyle'> ${settlement.freight}</td>
<td width='10%' class="tableHeader" title="成本结算额" id='moneyStyle'> ${settlement.costSettlementPrice}</td>
<td width='10%' class="tableHeader" title="供应商帐号"> </td>
<td width='10%' class="tableHeader" title="供应商开户行"> </td>
</tr>
</c:forEach>
</table>
</div>
分享到:
相关推荐
主要介绍了html Table 表头固定的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
table的表头固定,用的是一个TABLE
一个table表头固定,内容可滚动的实用例子,同时可以实现增加,删除功能
js table 固定表头
Bootstrap table还有一个很多强大的功能,下面就通过本文给大家分享基于Bootstrap table组件实现多层表头的实例代码,需要的朋友参考下吧
移动端项目,移动端table固定表头与固定第一列,HTML5和css3
移动端项目,移动端table固定表头与固定第一列,HTML5和css3
table表头点击可实现排序,用JavaScript编写,可修改使用
Html5 JavaScript jquery PC端, 前端使用JavaScript静态导出Table 复杂表头,固定table复杂表头
Table 表头固定,当下拉条滚动时,表头一直停留在页面顶部固定不动
网络下载后的资源,进行改造后,实现单行多行,表头表尾浮动显示。
layui js 动态加载数据 复杂表头多表头实例
table表格,这个东西大家肯定都不陌生,代码中我们时常都能碰到,那么给table加一个斜线的表头有时是很有必要的,但是到底该怎么实现这种效果呢?
CSS控制table表头
HTML5_html表头固定不滚动而内容滚动的效果,表格是基于Div CSS实现的,将表头固定住不滚动,而表格里面的每行数据随滚动条滚动。在显示较多数据时,当用户滚动鼠标中轮时,表格内容会滚动,而表头固定不变,可以将...
Fixed Header Table 固定表头 插件
原ui库为ivew库,需求加载动态table表头以及动态过滤不同数据,时间类为引入时间插件非单纯数据,其余为chebox类型,如不引入ivew,将里面组件替换成elment对应组件即可
table 固定指定的列 以及表头 有实现例子
复杂表格一般是用到td的两个属性:rowspan 、colspan属性值。 ... (1)rowspan 属性规定单元格可横跨的行数; (2)colspan 属性规定单元格可横跨的列数。 ...多表头表格<...table id="tab" cellpadding="1
html+ table 固定表头和左侧列,可以直接套用在asp.net中,非常方便好用。