LODOP中可以用ADD_PRINT_TABLE、ADD_PRINT_HTM、ADD_PRINT_HTML、ADD_PRINT_TBURL等可以输出超文本的表格，超文有超过打印项高度或纸张高度自动分页的特点，具体可查看本博客相关博文：LODOP中ADD_PRINT_TABLE、HTM、HTML表格自动分页测试
如上博文，ADD_PRINT_HTM自动分页后，可以补线，第二页的表格上方可还存在表格线。

但是如果table标签不加border样式，所有border样式都加在td里，那么自动分页后就会出现表格线上方缺失的情况。
解决方法是在table标签里加border样式，直接在table标签里加border比较好。
用css样式加给table标签加border也可以，由于浏览器解析等也可能存在一些问题。
最好是：直接在table标签里加border属性。

本文三个问题：
1.table自动分页，分页后的上边缘没有边框。
2.table自动分页后线条后面有多余部分。
可直接在table标签里加border属性。<table border="1"。。。这样。
3.table中表格线没有连起来。
在table标签里加cellspacing="0" cellpadding="0"试试。
代码：

<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="div1">

<table cellspacing="0" cellpadding="0">

<tr>

    <td>lodop</td>

    <td>c-lodop</td>

    <td>c-lodop</td>

</tr>

<tr>

    <td>text</td>

    <td>html</td>

    <td>html</td>

</tr>

<tr>

    <td>LODOP</td>

    <td>C_LODOP</td>

    <td>HTML</td>

</tr>

</table>

</div>

<div id="div2">

<table cellspacing="0" cellpadding="0" border="1">

<tr>

    <td>lodop</td>

    <td>c-lodop</td>

    <td>c-lodop</td>

</tr>

<tr>

    <td>text</td>

    <td>html</td>

    <td>html</td>

</tr>

<tr>

    <td>LODOP</td>

    <td>C_LODOP</td>

    <td>HTML</td>

</tr>

</table>

</div>

<a href="javascript:prn1_preview()">table分页补线</a><br>

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

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

    function prn1_preview() {

        LODOP=getLodop();

        LODOP.PRINT_INIT("");

       var strStyle1="<style>td {border: 1 solid #000000;border-collapse:collapse; }</style>";

       var strStyle2="<style>table,td{border: 1 solid #000000;border-collapse:collapse; }</style>";

       var strHtml=strStyle1+document.getElementById("div1").innerHTML;//td加了border样式

       var strHtml2=strStyle2+document.getElementById("div1").innerHTML;//td和table加了css样式的border样式

       var strHtml3=strStyle1+document.getElementById("div2").innerHTML;//td加了border样式，table标签本身加了boder="1"

        LODOP.ADD_PRINT_HTM(10,10,200,32,strHtml);

        LODOP.ADD_PRINT_HTM(60,10,200,32,strHtml2);

        LODOP.ADD_PRINT_HTM(120,10,200,32,strHtml3);

        LODOP.PRINT_DESIGN();

        //LODOP.PREVIEW();

    };

</script>

</body>

图示
1.只在td里加border，table不加border样式，分页后上边缘没有线。
2.在table里加css样式，设置border，分页后下边缘凸出有多余部分。
3.直接在table标签里加border属性，td里也加border，正常。

如果出现的不是分页后表格没有上边缘，而是单元格之间有空格，看起来像是线没有连接起来一样，这种状况：
1.可以在table标签里设置cellspacing="0" cellpadding="0"。
2.给table也加css的border样式。
3.给table标签直接加加border=“”，加cellspacing="0" cellpadding="0"。

如图，第一个表格table标签本身没加border，也没加cellspacing="0" cellpadding="0"，只给td加样式。
有前面可知，不给tablel标签加border，会导致自动份后确实上边缘线，这个也不加cellspacing="0" cellpadding="0"，导致单元格间隙，出现单元格连不起来的状况。

代码：

<head>

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

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

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

<style>table,td {border:solid 1px black;border-collapse: collapse }</style>

</head>

<body>

<div id="div1">

<!--<table cellspacing="0" cellpadding="0" border="1">-->

<table>

<tr>

    <td>lodop</td>

    <td>c-lodop</td>

    <td>c-lodop</td>

</tr>

<tr>

    <td>text</td>

    <td>html</td>

    <td>html</td>

</tr>

<tr>

    <td>LODOP</td>

    <td>C_LODOP</td>

    <td>HTML</td>

</tr>

</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("");

       var strStyle1="<style>td {border:solid 1px black;border-collapse: collapse }</style>";

       var strStyle2="<style>table,td{border:solid 1px black;border-collapse: collapse  }</style>";

       var strHtml=strStyle1+document.getElementById("div1").innerHTML;

       var strHtml2=strStyle2+document.getElementById("div1").innerHTML;

        LODOP.ADD_PRINT_HTM(10,10,200,32,strHtml);

        LODOP.ADD_PRINT_HTM(60,10,200,32,strHtml2);

        LODOP.PRINT_DESIGN();

        //LODOP.PREVIEW();

    };

</script>

</body>

图示：

本文用了 solid 1px black;1 solid #000000;等样式，似乎哪种写法都可以，但是浏览器有些可能会不认。
比如border:1 solid #000000;这个，可以查看浏览器开发者模式，看到这个属性上有叹号Invalid property value，并且页面可能无法显示，虽然lodop中有可能可以，但是建议样式用比较规范的写法。关于table的样式，以后自己会测试一些。

此外，如果是add_print_table表格和上方表格线连不起来问题，这种也是表格线有空格，可查看本博客另一篇博文：LODOP中tfoot和tbody中间线连不起来

LODOP中table自动分页补线加border的更多相关文章

  1. LODOP统计table自动分页后的每页的某列合计值

    LODOP中超文本会根据打印项高度或超过纸张,自动分页.(相关博文:Lodop打印控件 超文本自动分页.LODOP中ADD_PRINT_TABLE.HTM.HTML表格自动分页测试.Lodop打印表格 ...

  2. iview中table多选、加载更多、下载等使用

    记录工作中的点点滴滴,为回忆过往添加片片记忆... 一.Table 1.使用render函数多层渲染以及表格可展开使用 源码地址:https://gitee.com/Mandy_wang/iview- ...

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

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

  4. LODOP中ADD_PRINT_TABLE、HTM、HTML表格自动分页测试

    LODOP中超文本超过打印项高度会自动分页,那么对于超大行,该行处在分页高度位置会怎样呢?本文用来测试一下三个语句对html中table中超大行在分页高度位置的处理. 测试结果:ADD_PRINT_T ...

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

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

  6. LODOP中tfoot和tbody中间线连不起来

    这种情况发生在使用ADD_PRINT_TABLE时,ADD_PRINT_TABLE是Lodop中专门用来输出table表格的语句,它有很多特点,比如该语句不切行(详细可参考查看本博客相关博文:LODO ...

  7. LODOP中page-break-before:always给div分页

    Lodop中超过超文本打印项高度会自动分页:Lodop打印控件 超文本自动分页Lodop中还有NewPage和NewPageA,用于手动分页:Lodop强制分页LODOP.NewPage()和LODO ...

  8. LODOP打印table表格宽度固定-超宽隐藏

    之前有博文介绍关于超出div隐藏内容的:LODOP打印超过后隐藏内容样式里面提到了overflow:hidden;控制超出后隐藏,但是前面那篇用的是div,如果是在table中,由于table默认的t ...

  9. LODOP中带caption的表格被关联并次页偏移测试

    ADD_PRINT_TABLE中的thead和tfoot可以每页输出,后面的打印项关联表格,可以紧跟着表格,实现在表格后面紧跟着输出内容的效果,表格可以自动分页,并总是跟在表格后面 ,在表格最后输出. ...

随机推荐

  1. 洛谷 P1373 小a和uim之大逃离 题解

    每日一题 day30 打卡 Analysis f[i][j][p][q]表示他们走到(i,j),且两人魔瓶内魔液量的差为p时的方法数.q=0表示最后一步是小a走的,q=1表示最后一步是uim走的.题目 ...

  2. Greenplum 添加mirror步骤

    原文链接:https://yq.aliyun.com/articles/695864 [TOC] 概述 新安装的greenplum集群只有primary节点,没有mirror.高可用性没得到保证.所以 ...

  3. NTSTATUS

    一.NTSTATUS 直译就是NT状态,也就是内核状态.主要是内核开发/驱动开发用到的API返回的状态.许多内核模式的标准驱动程序例程和驱动程序支持例程使用ntstatus类型作为返回值.此外,当完成 ...

  4. kubefuse 让Kubernetes 资源成为fuse 文件系统

    kubefuse 是基于fuse 开发的文件系统,我们可以像访问文件系统一样访问Kubernetes 资源,使用python开发 支持以下特性: 可以使用方便的linux tools: ls. vim ...

  5. Linux下搭建iSCSI共享存储的方法 Linux-IO Target 方式 Debian9.5下实现

    iSCSI(internet SCSI)技术由IBM公司研究开发,是一个供硬件设备使用的.可以在IP协议的上层运行的SCSI指令集,这种指令集合可以实现在IP网络上运行SCSI协议,使其能够在诸如高速 ...

  6. Linux 用户和用户组管理之 修改用户名和用户组；修改用户密码

    一.用户账号包括(查看已经存在的账号 | 添加用户账号 |  修改用户账号 | 删除用户账号) 查看存在的账号: more /etc/passwd #或者是 awk -F':' '{ print $1 ...

  7. @RestController和@GetMapping

    @RestController 可以代替@Controller使用,使用了@RestController的控制器默认所有请求方法都用了@ResponseBody注解. @GetMapping(&quo ...

  8. Ruby on Rails框架（1）-安装全攻略

    序 关于Rails的三句箴言 (1)DRY:Don't Repeat Yourself(不要重复你自己) rails的开发理念,不要用你的代码不停的重复,rails框架给开发者提供了一套非常完善的支持 ...

  9. 【洛谷】P2261 [CQOI2007]余数求和

    题面?? 点我获得题面QAQ 我这个咕儿终于在csp初赛前夕开始学习数论了! 我是绝对不会承认之前不学数学是因为去年刚开始学OI的时候就跟yyq他们学莫比乌斯反演然后自闭的 分析 对于k mod i, ...

  10. 2018-2019-2 网络对抗技术 20165322 Exp9 Web安全基础

    2018-2019-2 网络对抗技术 20165322 Exp9 Web安全基础 目录 实验内容与步骤 (一)Webgoat安装 (二)SQL注入攻击 1.命令注入(Command Injection ...