这种情况发生在使用ADD_PRINT_TABLE时，ADD_PRINT_TABLE是Lodop中专门用来输出table表格的语句，它有很多特点，比如该语句不切行（详细可参考查看本博客相关博文：LODOP中ADD_PRINT_TABLE、HTM、HTML表格自动分页测试、LODOP设置超文本不自动分页的方法），内容放到thead和tfoot里可以每页输出（相关博文：Lodop打印表格带页头页尾 自动分页每页显示头尾、Lodop打印表格带页头页尾 高度是否包含页头页尾），使用一些lodop样式进行计算结果（相关博文：Lodop的TABLE中format格式化的使用）等。
该语句只能输出一个table，嵌套等复杂table或多个table，可以用其他语句如ADD_PRINT_HTM等输出。

正常情况下每个单元格设置border之后，每个单元格都有边线，在table里组合起来，看上去就是双线的线条的表格，要想形成人们通常意义的单线表格，需要进行线条合并，也就是border-collapse:collapse这个样式，由上面的链接可以知道，ADD_PRINT_TABLE中有thead和tfoot时，会每页输出，tbody自动分页，每页加上tfoot，这是LODOP的功能，由于单线合并后的差异，可能导致中间线条连不上前面的tbody，导致table中线条连不上，存在间隔，设置cellspacing="0" cellpadding="0"，可以让线条连上。
此外，用ADD_PRINT_HTM不会有这个问题，因为它不会在每页加tfoot。
解决方法是：
1.给table标签价cellspacing="0" cellpadding="0"。
2.如果ADD_PRINT_HTM可以实现自己的需求，可以用这个。

代码：

<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 border=1>

<thead>

<tr>

    <td>lodop</td>

    <td>c-lodop</td>

    <td>c-lodop</td>

</tr>

</thead>

<tbody>

<tr>

    <td>text</td>

    <td>html</td>

    <td>html</td>

</tr>

</tfoot>

<tfoot>

<tr>

    <td>lodop</td>

    <td>c-lodop</td>

    <td>html</td>

</tr>

</tfoot>

</table>

</div>

<hr>

<div id="div2">

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

<thead>

<tr>

    <td>lodop</td>

    <td>c-lodop</td>

    <td>c-lodop</td>

</tr>

</thead>

<tbody>

<tr>

    <td>text</td>

    <td>html</td>

    <td>html</td>

</tr>

</tBody>

<tfoot>

<tr>

    <td>lodop</td>

    <td>c-lodop</td>

    <td>html</td>

</tr>

</tfoot>

</table>

</div>

<hr>

<div id="div3">

<table border=1 cellspacing="0" cellpadding="0" style="border:solid 1px black;border-collapse:collapse" >

<thead>

<tr>

    <td>lodop</td>

    <td>c-lodop</td>

    <td>c-lodop</td>

</tr>

</thead>

<tbody>

<tr>

    <td>text</td>

    <td>html</td>

    <td>html</td>

</tr>

</tbody>

<tfoot>

<tr>

    <td>lodop</td>

    <td>c-lodop</td>

    <td>html</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(10,10,200,100,document.getElementById("div1").innerHTML);//不合并的双线表格

        LODOP.ADD_PRINT_TABLE(10,210,200,100,document.getElementById("div2").innerHTML);//单元格线合并后，单线有问题

        LODOP.ADD_PRINT_TABLE(110,10,200,100,document.getElementById("div3").innerHTML);//cellspacing和cellpadding为0

        LODOP.ADD_PRINT_HTM(110,210,200,100,document.getElementById("div3").innerHTML);//用ADD_PRINT_HTM是正常的

        LODOP.PRINT_DESIGN();

        //LODOP.PREVIEW();

    };

</script>

</body>

图示：

LODOP中tfoot和tbody中间线连不起来的更多相关文章

  1. Html标签中thead、tbody、tfoot的作用

    Html标签中thead.tbody.tfoot的作用 为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时,table是作为一个整体解释的,使用TBODY可以优化显示. ...

  2. Android 给TextView中的字体加上“中间线”

    大家都知道在做购物App或者购物网站的时候,商品价格往往会有一个“现价”和“原价”而原价往往会在中间加上一个黑色的横线.便于醒目客户,但是这种效果在App中应该怎样做呢? 废话不多少,直接给大家看代码 ...

  3. Firebug中调试中的js脚本中中文内容显示为乱码

    Firebug中调试中的js脚本中中文内容显示为乱码 设置 页面 UFT-8 编码没用, 解决方法:点击 "Firebug"工具栏 中的"选项"---" ...

  4. JavaScript中让Html页面中循环播放文字

    JavaScript中让Html页面中循环播放文字 <html> <head> <meta http-equiv="Content-Type" con ...

  5. PHP中如何在数组中随机抽取n个数据的值 - array_rand()？

    PHP中如何在数组中随机抽取n个数据的值? 最佳答案 array_rand() 在你想从数组中取出一个或多个随机的单元时相当有用.它接受 input 作为输入数组和一个可选的参数 num_req,指明 ...

  6. 在eclipse的maven插件中搜寻本地仓库中的jar搜索不到的解决方案

    在eclipse的maven插件中搜寻本地仓库中的jar搜索不到的解决方案 之前,用过maven管理项目的童鞋都知道本地会有一个${User_Home}.m2/repository仓库 是用来存放ja ...

  7. .net dataGridView当鼠标经过时当前行背景色变色；然后【给GridView增加单击行事件，并获取单击行的数据填充到页面中的控件中】

    1.首先在前台dataGridview属性中增加onRowDataBound属性事件 2.然后在后台Observing_RowDataBound事件中增加代码 protected void Obser ...

  8. (原创)VM中的CentOS6.4中安装CloudStack6.3②

    接着VM中的CentOS6.4中安装CloudStack6.3①中文章接着,往下面安装 4.更新 yum 仓库 默认情况下,CentOS的软件源中没有收录最新版本CloudStack,为了能顺利安装, ...

  9. SQL中 将同一个表中的A列更新到B列，B列更新到A列

    有网友在SKYPE问及,如标题,SQL中 将同一个表中的A列更新到B列,B列更新到A列. 其实这个不是问题,直接写更新语句即可,可以参考下面动画演示: SQL source code: CREATE ...

随机推荐

  1. 使用 ASP.NET Core MVC 创建 Web API（二）

    使用 ASP.NET Core MVC 创建 Web API 使用 ASP.NET Core MVC 创建 Web API(一) 六.添加数据库上下文 数据库上下文是使用Entity Framewor ...

  2. 一段JAVA代码了解多线程，JUC、CAS原子性操作。

    @Test public void testPaceController_multiThread() throws InterruptedException { final PaceControlle ...

  3. Nginx反向代理后，java获取客户端真实IP地址

    一般情况下,java获取客户端IP地址的方法为request.getRemoteAddr();但这只是在没有网关或者代理的情况下,如果客户端将请求发送到nginx,再由nginx进行反向代理到目标服务 ...

  4. .net core api +swagger(一个简单的入门demo 使用codefirst+mysql)

    前言: 自从.net core问世之后,就一直想了解.但是由于比较懒惰只是断断续续了解一点.近段时间工作不是太忙碌,所以偷闲写下自己学习过程.慢慢了解.net core 等这些基础方面学会之后再用.n ...

  5. 解析高德地图api获取省市区，生成最新三级联动sql表

    前言: 最近项目中用到了全国省市区三级信息,但是网上找到的信息都是比较旧的信息.与现在最新的地区信息匹配不上.后来想到高德地图上可能有这些信息.所以解析了一下api接口,生成了相关省市区的sql信息. ...

  6. 学习day03

    1.结构标记  *****   做布局    1.<header>元素    <header></header>    ==> <div id=&quo ...

  7. mac 卸载通过官网下载包安装的node

    sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}

  8. 基于GitLab的Code Review教程

    一.前言 1.本文主要内容 GitLab Code Review机制说明 Git Workflow 与 Git Code Review Workflow GitLab Code Review 配置说明 ...

  9. MongoDB 基础(2019年开篇)

    MongoDB基础知识: 1.什么是MongoDB NoSQL(NoSQL=Not Only SQL),意即"不仅仅是SQL". MongoDB是一个介于关系数据库和非关系数据库之 ...

  10. MyDAL - 引用类型对象 .DeepClone() 深度克隆[深度复制] 工具 使用

    索引: 目录索引 一.API 列表 .DeepClone() 用于 Model / Entity / ... ... 等引用类型对象的深度克隆 特性说明 1.不需要对对象做任何特殊处理,直接 .Dee ...