复杂表头分页页面

最新推荐文章于 2022-07-25 15:07:29 发布
最新推荐文章于 2022-07-25 15:07:29 发布
阅读量338 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29170981/article/details/79107249
版权

复杂表头分页页面


<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%
    int curpage=1;//当前页
    int page_record=10;//每页显示的记录数
    int introwcount=0; // 记录数
    int pagecount; //总页数
      //选取页数
    String pagesize = Util.null2String(request.getParameter("pagesize"));
     //当前页数
    String cpage = Util.null2String(request.getParameter("curpage"));
    if(!"".equals(cpage)){
        curpage=Integer.valueOf(cpage);
    }
    if(!"".equals(pagesize)){
        page_record=Integer.valueOf(pagesize);
    }
%>
<HTML>
<HEAD>

</HEAD>
<BODY>
<FORM id="noteForm" name="noteForm" method="post" action="laborReportIframe.jsp" >
<input type="hidden" name="curpage" id="curpage" value="<%=curpage%>"/>
<input type="hidden" name="pagesize" id="pagesize" value="<%=pagesize %>"/>

<table width="100%" cellspacing='0' cellpadding='0' border='0' align="center" class="ListStyle" style="table-layout: fixed;" >
<thead>
    <tr class="HeaderForXtalbe">
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  rowspan="2">员工姓名</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  rowspan="2">部门</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  rowspan="2">所属分公司</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  colspan="2">夏装</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  colspan="2">春秋装</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  colspan="2">冬装</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  colspan="2">防寒大衣</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  colspan="2">防静电布鞋</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  colspan="2">防寒鞋</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  colspan="2">雨鞋</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  colspan="2">雨衣</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  rowspan="2">工作帽</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  rowspan="2">单手套</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  rowspan="2">棉手套</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"  rowspan="2">腰包</th>
    </tr>
    <tr class="HeaderForXtalbe">   
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">发放时间</th>   
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">型号</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">发放时间</th>   
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">型号</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">发放时间</th>   
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">型号</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">发放时间</th>   
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">型号</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">发放时间</th>   
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">型号</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">发放时间</th>   
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">型号</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">发放时间</th>   
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">型号</th>
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">发放时间</th>   
    <th style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center">型号</th>
   </tr>
   </thead>
   <%
    String sqlWhere=" where 1=1 ";
    String sqlWhere1=" ";
    String countsql = " select count(id) as num  from uf_glbypffdjkbd a left join hrmresource b on a.hr_ygxm=b.id "+sqlWhere;
    rs.executeSql(countsql);
    if(rs.next())
    introwcount = rs.getInt("num");
    if(introwcount%page_record==0){
        pagecount=introwcount/page_record;
    }else{
        pagecount=(introwcount/page_record)+1;
    }    
    String sql=" select t.*,rownum as rn from(select a.*,b.subcompanydesc,c.departmentname,d.lastname from uf_glbypffdjkbd a left join hrmsubcompany b on a.hr_ygxmfb =b.id "+
               " left join hrmdepartment c on a.hr_ygxmbm=c.id left join hrmresource d on a.hr_ygxm=d.id "+sqlWhere+")t ";
    String querySql="select t1.* from ("+sql+")t1 where rn <= "+(curpage)*page_record+" and rn > "+(curpage-1)*page_record;
    querySql="select t1.*,(select count(*) from ( "+querySql+") a ) as rcount from ("+sql+")t1 where rn <= "+(curpage)*page_record+" and rn > "+(curpage-1)*page_record;
    //out.println(querySql);
    rs.executeSql(querySql);
    int count=0,rcount=0;
    String hr_ygxm="";
    while(rs.next()){
    rcount=rs.getInt("rcount");
    count=rcount*2-1;
    %>
    <tbody>
    <tr class="HeaderForXtalbe" style="border: 1px solid #f5f6f8;">
    <%if("".equals(hr_ygxm)||!hr_ygxm.equals(rs.getString("hr_ygxm"))){
            hr_ygxm=rs.getString("hr_ygxm");
      %>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center" rowSpan="<%=count%>"><%=rs.getString("lastname")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center" rowSpan="<%=count%>"><%=rs.getString("departmentname")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center" rowSpan="<%=count%>"><%=rs.getString("subcompanydesc")%></td>
    <%}else{ %>
     <td align="center" ></td>
     <td align="center" ></td>
     <td align="center" ></td>
    <% }%>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("xz_ffsj")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("xz_xh")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("cqz_ffsj")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("cqz_xh")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("dz_ffsj")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("dz_xh")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("fhdy_ffsj")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("fhdy_xh")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("fjdbx_ffsj")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("fjdbx_xh")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("fhx_ffsj")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("fhx_xh")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("yx_ffsj")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("yx_xh")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("yy_ffsj")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("yy_xh")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("txt_gzm")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("txt_dst")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("txt_mst")%></td>
    <td style="BORDER-LEFT: #d4e9e9 1px solid; cursor: hand " align="center"><%=rs.getString("txt_yb")%></td>
    </tr>  
    </tbody>
    <%} %>
</table>
<div align="right">
<span class="e8_pageinfo">
    <span class="e8_numberspan weaverTablePrevPageOfDisabled weaverTablePage" >&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" οnclick="jumpUp(<%= curpage%>)"> &lt;</a></span>
    <span class="e8_numberspan weaverTableCurrentPageBg" ><input type="hidden" name="pagecount" id="pagecount" value="<%=pagecount%>"/><%=pagecount %></span>
    <span class="e8_numberspan weaverTablePrevPageOfDisabled weaverTablePage" ><a href="#" οnclick="jumpDown(<%= curpage%>)">&gt;</a></span>
    <span style="height: 30px; color: #666666; line-height: 30px; text-decoration: none; float: left;">第</span>
    <span id="-weaverTable-0_XTABLE_GOPAGE_buttom_go_page_wrap" style="left: 0px; top: 5px; width: 30px; height: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; border-top-color: #fff; border-right-color: #fff; border-bottom-color: #fff; border-left-color: #fff; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; float: left; display: inline-block; position: relative;">
        <input id="jumpnum" style="left: 0px; top: 0px; width: 30px; height: 18px; text-align: center; color: #666666; line-height: 18px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; float: left; position: absolute; outline-width: medium; outline-style: none; outline-color: invert;" οnchange="jumppage()" type="text" size="3" value="<%=curpage %>"/>
    </span>
    <span style="height: 30px; color: #666666; line-height: 30px; padding-right: 10px; text-decoration: none; float: left;">页</span>
    <span class="e8_splitpageinfo">
        <span style="height: 21px; padding-top: 2px; text-decoration: none; position: relative;">
            <select id="size1" name="size1" οnchange="setSize()">
            <option value="10" <%if(page_record==10){ %> selected="selected" <%} %>>10</option>
            <option value="20" <%if(page_record==20){ %> selected="selected" <%} %>>20</option>
            <option value="50" <%if(page_record==50){ %> selected="selected" <%} %>>50</option>
            <option value="100" <%if(page_record==100){ %> selected="selected" <%} %>>100</option>
            </select>&nbsp;&nbsp;条/页&nbsp; |&nbsp; 共<%=introwcount %>条
        </span>
    </span>
</span>
</div>
</BODY>
</HTML>
<script type="text/javascript">
function onQuery(){
    jQuery("#curpage").val('1');
    noteForm.submit();
}
function jumpUp(index){
    if(index!=1){
        index=index-1;
    }
    jQuery("#curpage").val(index);
    noteForm.submit();
}
function jumpDown(index){
    var pagecount=jQuery("#pagecount").val()*1;
    if(index!=pagecount){
        index=index+1;
    }
    jQuery("#curpage").val(index);
    noteForm.submit();
}
function jumppage(){
    var num=jQuery("#jumpnum").val()*1;
    var pagecount=jQuery("#pagecount").val()*1;
    if(num>0 && num<=pagecount){
        jQuery("#curpage").val(num);
        noteForm.submit();
    }else{
        jQuery("#jumpnum").val(jQuery("#curpage").val());
    }
}

function setSize(){
    jQuery("#pagesize").val(jQuery("#size1").val());
    noteForm.submit();
}
</script>
qq_29170981
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSP中table导出多表头excel
12-04
JSP中table导出多表头excel 使用前台JS实现，需要设置IE的active
每页都有的表头和打印分页
dia83499的博客
07-30 178
在做项目的时候碰到的。用户要求，页面呈现太长时，打印的时候，要求，每页上都要有表头。找了好久，才在网上找到。原来，是要对每个表格，定义其thead，并对其样式设置成：style="display:table-header-group"。如果要求有表尾，也一样，要定义其tfoot，并对style="display:table-footer-group" <!DOCT...
复杂JTable（复杂表头、跨行列表体）
03-27
复杂JTable（复杂表头、跨行列表体）
html table实现复杂表头的示例代码
11-20
使用html做复杂的表格。复杂表格一般是用到td的两个属性：rowspan 、colspan属性值。 在html中<td> 标签定义 HTML 表格中的标准单元格。 　　(1)rowspan 属性规定单元格可横跨的行数; 　　(2)colspan 属性规定单元格可横跨的列数。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>多表头表格</title> </head> <body> <table id="tab" cellpadding="1"
Jsp中的table多表头导出excel文件具体实现
07-16 344
首先引入两份JS:copyhtmltoexcel.js以及 tableToExcel.js 复制代码 代码如下: /*  * 默认转换实现函数，如果需要其他功能，需自行扩展  * 参数：  *      tableID : HTML中Table对象id属性值  * 详细用法参见以下 TableToExcel 对象定义   */ function saveAsExcel(
jQuery打印指定区域Html页面并自动分页
10-25
为了应对更复杂的需求，比如需要在多个分页中保持相同的表头，或者处理长表格的分页，插件还允许我们扩展自定义属性。例如，`twoDiv`用于指定第二个需要打印的`div`，通常它会是第二页，而`pageTitle`则可以用来设定...
asp.net webform冻结列 冻结表头 复杂表头
最新发布
07-04
"asp.net webform冻结列 冻结表头 复杂表头"这个标题描述了这样一个需求：在ASP.NET WebForm应用中实现表格的冻结功能，包括复杂表头的处理。 在ASP.NET WebForm中实现冻结列和表头，通常涉及到以下技术点： 1. **...
9种jquery纯页面分页排序
03-22
以下是关于"9种jQuery纯页面分页排序"的相关知识点： 1. **JQuery排序**： jQuery提供了方便的数据排序插件，如`jquery.tablesorter`，它允许用户对表格数据进行点击列头进行升序或降序排序。`jquery.tablesorter`...
一个很好的分页页面工具
10-15
"一个很好的分页页面工具"标题所指的可能是一个高效、易用的分页库，适用于JSP（JavaServer Pages）环境。这个工具可能提供了丰富的功能和定制选项，帮助开发者轻松实现分页效果。 DisplayTag是一个非常著名的开源...
layui表格 可搜索过滤 可分页
03-25
layui表格是一款基于layui框架的前端组件，用于展示...在实际项目中，还可以结合layui的其他组件，如表单、弹窗等，构建更复杂的业务逻辑。同时，layui提供了完善的文档和示例，帮助开发者更好地理解和使用这个框架。
java导出功能（多级表头，复杂表头）
虽千万人,吾往矣
07-25 6252
多级表头，复杂表头的导出功能都可以仿照这个例子去编写提示以下是本篇文章正文内容，下面案例可供参考
TWaver组件之Table使用（翻译TWaver文档+补充自己使用体会）一
hn_liuyi
04-07 193
ResizableTable 这事一 个可以改变大小的表格类 TTable 这是一 个支持排序，分页，数据过滤的表格，它是几个 TWaver table 类的父类： TAlarmTable,TElementTable 和 TTreeTable 我们强 烈的建议你使用 TElementTable 而不是使用 TTable, 当然你能很好...
SQL SERVER中表头的字段迁移到表体
低调的嚣张
07-01 983
这是一件很麻烦的事情，事情的原因是这样的--先创建一张测试表 create table class2( id int, cname nvarchar(50), cresult int, primary key(id))select top 500 * from 配舱单信息表 --首先在配仓单明细表中增加相
SQL学习之双向表头报表查询
singleReader的博客
12-12 2507
接到银行业务需求，要做一个如图的个人年龄区间存款统计报表： 思路： 可以看到，表头是分纵向和横向的，因此首先想到的是需要进行两次group by，而查询时想要将存款区间列作为纵向的表头，年龄区间作为横向表头这种样式，就要把存款类别和存款区间当成列内的数据来看，并将这两列的字段放在查询的前两位（如SELECT  TYPE，BAL_ORANGE....）。 由此可以先将原始数据按照存款的
【jsp】jsp页面表格和表头的拼接
水一方~!
11-17 3721
 做了一个小模块 需要 在jsp页面上按照Excel报表格式显示表头 虽然不复杂 但是第一次做 留个纪念这些东西高手当然是不需要了 但是对于没做过的 可能会给你一点点收获要注意的是 表头的rowspan和colspan 横竖要匹配 不然下面再添加 表格会乱 有啥不清楚的 欢迎留言
使用jquery实现简单的表格分页-表头不变
dianyanxi7965的博客
11-16 299
点击页码1、页码2的效果 实现步骤 1、首先加入jquery的js链接 <script type="text/javascript" src="jquery-3.2.1.min.js" ></script> 2、HTML代码 1 <table border="1"> 2 <the...
燕飞出品：DisplayTag分页与属性自定义详解
为了进一步定制，开发人员可以配置属性，覆盖DisplayTag的默认设置，例如添加表头表尾、嵌套表格结构，甚至修改分页样式的关键值。这使得页面设计更加灵活，适应不同的业务需求。 最后，DisplayTag的属性定制非常...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值