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. （2）Angular的开发

    什么是 ReactNative应用, 小程序与RN的关系 native端优化 Js端优化 ReactNative是? 用JavaScript来写App,性能好 异步编程 请点赞!因为你的鼓励是我写作的 ...

  2. 讲解SQL数据库语句

    前言 大家好,我是 Vic,今天给大家带来讲解SQL数据库语句的概述,希望你们喜欢 数据库语句 create database teach; use teach; create table `teac ...

  3. Kafka(二） —— Server端设计原理

    整理架构 kafka confluence kafka官方文档中文翻译-设计 消息设计 /** * 消息类 * * @author Michael Fang * @since 2019-11-14 * ...

  4. python mongo存在插入不存在更新，同时指定如果不存在才插入的字段

    python爬虫的任务数据操作的小技巧 好久没写公众号了,最近太忙了,这里就不多说了.直接根据需求上代码,我想这个应该是大家比较喜欢的, 需求 爬取某网站的项目列表页,获取其url,标题等信息,作为后 ...

  5. python操作toml文件

    # -*- coding: utf-8 -*- # @Time : 2019-11-18 09:31 # @Author : cxa # @File : toml_demo.py # @Softwar ...

  6. polarssl rsa & aes 加密与解密<转>

    上周折腾加密与解密,用了openssl, crypto++, polarssl, cyassl, 说起真的让人很沮丧,只有openssl & polarssl两个库的RSA & AES ...

  7. win7+64位+Java学习基本软件安装+环境配置+eclipse（IDE）

    一.下载安装JDK 1.安装包下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk9-downloads-3848520.h ...

  8. 文献阅读 | Epigenetics in ENS development and Hirschsprung disease

    系列篇: Epigenetics in ENS development and Hirschsprung disease - Review Epigenetic Mechanisms in Hirsc ...

  9. 深入理解JS中&&和||

    写了这么多JS,才发现JS的语法既是属于C语系的,又与一般C语系的编程语言某些地方有很大区别,其中&&和||就是其中一例. C语系中的&&和|| C语系的&&a ...

  10. 单例模式：Java单例模式的几种写法及它们的优缺点

    总结下Java单例模式的几种写法: 1. 饿汉式 public class Singleton { private static Singleton instance = new Singleton( ...