LODOP中超文本会根据打印项高度或超过纸张，自动分页。（相关博文：Lodop打印控件 超文本自动分页、LODOP中ADD_PRINT_TABLE、HTM、HTML表格自动分页测试、Lodop打印表格带页头页尾 自动分页每页显示头尾）。

统计某页的某列合计值用到的：
1.必须用ADD_PRINT_TABLE语句输出表格。
2.用tindex指定需要统计的列。
3.tdata="SubSum"，这个是统计当前页的合计。
4.format="UpperMoney"则为大写。

代码：

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>WEB打印控件LODOP</title>

<script language="javascript" src="LodopFuncs.js"></script>

</head>

<body>

<div id="d1">

<table border=1 style="border-collapse:collapse;" >

<thead>

<tr>

    <td style="width:60px;">名称</td>

    <td style="width:40px;">数量</td>

    <td colspan="4" style="width:500px;">单个金额本页合计</td>

</tr>

</thead>

<tr>

    <td style="width:60px;">A类</td>

    <td style="width:40px;">1</td>

    <td colspan="4" style="width:500px;">30</td>

</tr>

<tr>

    <td style="width:60px;">B类</td>

    <td style="width:40px;">5</td>

    <td colspan="4" style="width:500px;">34</td>

</tr>

<tr>

    <td style="width:60px;">C类</td>

    <td style="width:40px;">2</td>

    <td colspan="4" style="width:500px;">443</td>

</tr>

<tfoot>

<tr>

    <td style="width:60px;">合计</td>

    <td style="width:40px;" tindex="2" tdata="SubSum">#####</td>

     <td style="width:100px;" >单页金额总计</td>

    <td style="width:100px;"tindex="3" tdata="SubSum">####</td>

    <td style="width:100px;" >单页金额总计的大写</td>

    <td style="width:200px;"tindex="3" tdata="SubSum" format="UpperMoney">####</td>

</tr>

</table>

<br>

</tfoot>

</div>

<a href="javascript:prn1_preview()">表格宽度是否固定</a><br>

<script language="javascript" type="text/javascript">

        var LODOP; //声明为全局变量

    function prn1_preview() {

        LODOP=getLodop();

        LODOP.PRINT_INIT("");

        LODOP.ADD_PRINT_TABLE(0,0,"100%",60,document.getElementById("d1").innerHTML);

        //打印项高度较小，60，导致超文本自动分页

        //LODOP.PRINT_DESIGN();

        LODOP.PREVIEW();

    };

</script>

</body>

图示：

图示：如图，该表格中，表格主体部分有三列，第三个单元格是合并了列的，但是也算是第三列。
该表格根据打印项高度自动分了两页。

此外，tdata除了用一些表达式，也可以用一些加减乘除等计算符号，可以给需要统计的单元格设置一个id，然后通过id进行计算操作。对于用LODOP计算的结果值，也可以用id进行重新计算。
代码：

<body>

<div id="d1">

<table border=1 style="border-collapse:collapse;" >

<thead>

<tr>

    <td style="width:60px;">名称</td>

    <td style="width:40px;">数量</td>

    <td colspan="3" style="width:400px;">单个金额本页合计</td>

    <td style="width:100px;">总计</td>

</tr>

</thead>

<tbody>

<tr>

    <td style="width:60px;">A类</td>

    <td style="width:40px;" id="s1" >1</td>

    <td colspan="3" style="width:500px;" id="m1">30</td>

    <td style="width:100px;" tdata="s1*m1">####</td>

</tr>

<tr>

    <td style="width:60px;">B类</td>

    <td style="width:40px;" id="s2">5</td>

    <td colspan="3" style="width:500px;" id="m2">34</td>

     <td style="width:100px;" tdata="s2*m2">####</td>

</tr>

<tr>

    <td style="width:60px;">C类</td>

    <td style="width:40px;" id="s3">2</td>

    <td colspan="3" style="width:500px;" id="m3">443</td>

    <td style="width:100px;" tdata="s3*m3">####</td>

</tr>

</tbody>

<tfoot>

<tr>

    <td style="width:60px;">合计</td>

    <td style="width:40px;" tindex="2" tdata="SubSum">#####</td>

     <td style="width:100px;" >单页金额总计</td>

    <td style="width:100px;"tindex="3" tdata="SubSum">####</td>

    <td style="width:100px;" >单页金额总计的大写</td>

    <td style="width:200px;"tindex="3" tdata="SubSum" format="UpperMoney">####</td>

</tr>

</tfoot>

</table>

</div>

<a href="javascript:prn1_preview()">表格宽度是否固定</a><br>

<script language="javascript" type="text/javascript">

        var LODOP; //声明为全局变量

    function prn1_preview() {

        LODOP=getLodop();

        LODOP.PRINT_INIT("");

        LODOP.ADD_PRINT_TABLE(0,0,"100%",60,document.getElementById("d1").innerHTML);

        //打印项高度较小，60，导致超文本自动分页

        //LODOP.PRINT_DESIGN();

        LODOP.PREVIEW();

    };

</script>

</body>

图示：（相关代码和图示）

LODOP统计table自动分页后的每页的某列合计值的更多相关文章

  1. LODOP中table自动分页补线加border

    LODOP中可以用ADD_PRINT_TABLE.ADD_PRINT_HTM.ADD_PRINT_HTML.ADD_PRINT_TBURL等可以输出超文本的表格,超文有超过打印项高度或纸张高度自动分页 ...

  2. LODOP表格table简短问答及相关博文

    LODOP打印表格超文本输出表格:ADD_PRINT_HTML.ADD_PRINT_HTM.ADD_PRINT_TABLE.ADD_PRINT_TBURL打印表格带页头页尾 参考样例15 http:/ ...

  3. Lodop打印控件设置表格次页偏移

    Lodop打印控件有很好的自动分页功能,超文本table表格一页装不下,自动分到第二页,第三页……通常表格之前还会有一些内容,比如标题,制表人名称日期什么的杂七杂八的东西,这种东西会占用一定的空间,这 ...

  4. bootstrap table 复选框选中后，翻页不影响已选中的复选框

    使用的 jquery版本为 2.1.1 在项目中发现bootstrap table的复选框选中后,翻页操作会导致上一页选中的丢失,api中的 bootstrapTable('getSelections ...

  5. 文件上传\">将在3秒钟后返回前页

    conn.php: <?php $id=mysql_connect('localhost','root','root'); mysql_select_db("db_database12 ...

  6. 10G之后统计信息收集后为什么执行计划不会被立马淘汰

    在10G之前,使用DBMS_STATS收集统计信息将会导致与此对象相关的游标失效,下次执行此 的时候将会进行HARD PARSE,除非收集的时候NO_INVALIDATE设置为TRUE. 由于硬解析会 ...

  7. Lodop的TABLE中format格式化的使用

    LODOP中的ADD_PRINT_TABLE支持很多函数和计算方法,可以用tdata对table表格里额数据进行计算,用format对结果进行格式化.这个format只能和tdata搭配使用,不能单独 ...

  8. easyui修复浏览器刷新后，tab页全部关闭的问题

    一.问题描述 使用easyui搭建的上左右页面布局,当我们在右侧打开了tab页,发现点击浏览器的刷新按钮后,整个页面会被重新渲染,导致所有打开的tab页都被关闭,回到初始状态的问题. 这个问题虽然不影 ...

  9. bootstrap table分页后刷新跳到第一页

    之前这样写是不行的,这时候页数还是原来的页数 $('#tb_departments').bootstrapTable(('refresh')); 需要改成: $("#tb_departmen ...

随机推荐

  1. SpringBoot学习（四）开发web应用

    Spring Boot非常适合web应用程序开发.可以使用嵌入式Tomcat.Jetty.Undertow或Netty创建自包含的HTTP服务器.大多数web应用程序使用spring-boot-sta ...

  2. Zookeeper中的watcher监听和leader选举机制

    watcher监听 什么是watcher接口 同一个事件类型在不同的通知状态中代表的含义有所不同,下图列举了常见的通知状态和事件类型. Watcher通知状态与事件类型一览 上图列举了ZooKeepe ...

  3. leetcode解题报告（30）：Detect Capital

    描述 Given a word, you need to judge whether the usage of capitals in it is right or not. We define th ...

  4. Makefile（二）

    VERSION = SOURCE = $(wildcard ./*.cpp) OBJ = $(patsubst %.cpp,%.o,$(SOURCE)) INCLUDE = -I /usr/inclu ...

  5. 使用docker安装wazuh

    使用docker安装wazuh centos下安装wazuh 官方文档: https://documentation.wazuh.com/3.9/installation-guide/installi ...

  6. 康哲20191114-1 每周例行报告kz404

    此作业的要求参见https://edu.cnblogs.com/campus/nenu/2019fall/homework/10004 本周PSP  本周进度条  本周折线图  饼状图

  7. 大数据技术之kettle（2）——练习三个基本操作

    一.同一数据库两表数据关联更新 实现效果:把stu1的数据按id同步到stu2,stu2有相同id则更新数据 步骤: 1.在mysql中创建两张表: mysql>create database ...

  8. 深拷贝（deep clone）与浅拷贝（shallow clone）

    一.浅复制和深复制概念 浅复制(浅克隆): 被复制对象的所有变量都含有与原来对象相同的值,而所有的对其他对象的引用仍然指向原来的对象.换言之,浅复制仅仅复制所考虑的对象,而不是复制它所引用的对象. 深 ...

  9. 【idea】idea远程调试代码

    一.前置条件 1.idea的代码和远程服务器代码保持一致 二.远程服务器配置 服务启动时,需要给jvm添加指定参数,进行启动 -agentlib:jdwp=transport=dt_socket,se ...

  10. redis-cli 使用密码登录

    #./redis-cli 输入auth +空格+ 刚才设置的密码 成功