lodop打印table列表

使用lodop.js打印控件打印table并分页等

import {getLodop} from '@/utils/LodopFuncs.js' //打印表格 export default{ // num 打印还是打印预览 conData 对象形式传入需要的值自定义 (自己添加的属性要在下面备注) // conData title 标题 OrgName科室名字 lodopTable:function(num,conData){ //原始table var table = document.getElementsByClassName("tab

LODOP打印table超宽用省略号带'-'的内容换行问题

前面的博文有div超宽隐藏(LODOP打印超过后隐藏内容样式),还有有table设置超宽隐藏(),此外,还有超宽后用省略号表示的css样式,此文是针对这个样式的.该样式正常情况下没问题,但是遇到-短线这种英文连接符的时候,会导致换行,换行后隐藏后面的内容,为了宽度固定,可以设置不换行样式,但是浏览器显示正常,lodop可能会有问题.此问题可以用table里需要的内容嵌套div来解决.加了居中样式后,-线会可能会变省略号问题:可见本博文的最下方的代码测试代码2和图示2. 测试代码1: 去掉了注释,

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

之前有博文介绍关于超出div隐藏内容的:LODOP打印超过后隐藏内容样式里面提到了overflow:hidden;控制超出后隐藏,但是前面那篇用的是div,如果是在table中,由于table默认的table-layout是auto自动,虽然设置了超出隐藏,也设置了具体的td单元格宽度,设置了table的具体宽度,但是因为这个able-layout是auto还在,内容超过设置的宽度,表格宽度也会发生变化,设置的具体的td的宽度也没有完全按照设置的宽度进行布局. 前面还有篇是介绍固定table宽高

LODOP打印table不切行TableRowThickNess

不切行的调整方法有三种:1.简单表格,不嵌套合并等,可以用ADD_PRINT_TABLE输出,该语句不切行,相关博文:LODOP设置超文本不自动分页的方法.2.进入打印设计,调整打印项到合适的高度,在高度处分页,不切行,相关博文:Lodop打印控件超文本自动分页. 3.用ADD_PRINT_HTM输出,并调整TableRowThickNess分页粒度.该文主要测试. 由于1中的语句本来就不切行,这里再演示下后两种方法,用打印设计进行调整到合适的高度,不切行,和用htm语句输出,调整分页粒度.

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

LODOP打印表格超文本输出表格:ADD_PRINT_HTML.ADD_PRINT_HTM.ADD_PRINT_TABLE.ADD_PRINT_TBURL打印表格带页头页尾参考样例15 http://www.c-lodop.com/demolist/PrintSample15.html分页打印综合表格参考样例43 http://www.c-lodop.com/demolist/PrintSample43.html超文本表格传入css样式,参考样例10 http://www.c-lodop.c

Lodop打印如何隐藏table某一列

Lodop打印超文本,既可以打印页面上存在的某些部分,也可以自己组织超文本和css样式传入,有些需要打印的页面表格里,会有一列有编辑删除等按钮,用于对于数据库数据的操作,在打印的时候,这一列由于不属于数据范围内,需要隐藏该列.Lodop传入的样式可以不是页面本身的css样式,传入什么打印什么.1.可以组织去掉该列的超文本传给控件,字符串拼接除掉该列的超文本.(传入的超文本去掉该列)2.也可以传入只隐藏该列的css样式.(传入css样式去掉该列) 如图,图中一个是直接页面的样式的样式,一个是通过传

Lodop打印设计（PRINT_DESIGN）介绍

打印设计(PRINT_DESIGN)界面上方有两栏菜单栏,举例说明(文本框,条码,图形等).(1)第一排最左侧第一个功能,位置移动:控制里面元素微上下左右移动,每次移动一个px.(用于微调,普通调整可拖动调整元素位置,移动选中的单个或多个打印项)(2)第一排第二个功能,设置颜色.点击颜色方格的图标,可选预设的颜色,或者自定义颜色.例如:LODOP.ADD_PRINT_SHAPE(2,175,43,100,60,0,1,"#FF0000");//一个矩形设置颜色为#FF0000LODOP

[原创]Lodop打印, 以及Lodop引用css文件控制打印样式的问题.

最近在做Lodop打印功能: 思路是: 用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是: 在打印的JS文件中, 引用外部css文件时, 需要拼出实际的含有IP地址的CSS文件地址, 并且需要用双斜杠(//)来代替单斜杠. =====后来遇到的问题: css文件里的样式, 在页面上显示没有问题, 但是打印预览却没有样式.... 又挣扎了一天, 原来问题是: lodop中的加入css文件后, 不能识别css类(.

LODOP打印控件示例

一.lodop打印预览效果图 LODOP.PRINT_SETUP();打印维护效果图 LODOP.PREVIEW();打印预览图二.写在前面最近项目用到了LODOP的套打,主要用到两个地方,一是物流的面单(即套打在EMS等各种物流快递单),另一个是把数据画成表格来打印出库单.物流面单比较简单,网上有各种例子还是比较方便的.主要说说通过该工具画表格的用法,当然通过ADD_PRINT_TABLE 这种超文本格式(即通过写好表格的html来实现)的也可以琢磨琢磨. 三.lodop的demo <ht

Lodop打印表格带页头页尾高度是否包含页头页尾

通过设置TableHeightScope,可以实现对ADD_PRINT_TABLE,表格带页头页尾,查看本博客另一篇博文:Lodop打印表格带页头页尾自动分页每页显示头尾超文本超过打印项高度,会自动分页,详细参考本博客另一篇博文:Lodop打印控件超文本自动分页那么带页头页尾后的超文本高度,会决定每页输出的内容多少,自动分页的依据,默认高度是不包含页头页尾的,可以通过语句设置是否包含页头页尾,或只包含其中的某一个.LODOP.SET_PRINT_STYLEA(0,"TableHeight

Lodop的TABLE中format格式化的使用

LODOP中的ADD_PRINT_TABLE支持很多函数和计算方法,可以用tdata对table表格里额数据进行计算,用format对结果进行格式化.这个format只能和tdata搭配使用,不能单独格式化一个实际存在的数值.如果想要对实际存在的某个数值进行格式化,可以用JS等方式直接处理,或直接在后台把数据格式化,传入需要的格式. format的作用,是对实际不存在的计算得来的结果进行格式化. 测试代码: <head> <meta http-equiv="Content-Ty

Lodop打印控件传入css样式、看是否传入正确样式

Lodop中可以传入页面存在的css样式,也可以是拼接后的新样式,例如本博客的其他博文:Lodop打印如何隐藏table某一列需要打印的页面,样式不一定都是行内样式,style样式单独写在页面上,或引用的是.css文件等情况,使用Lodop打印控件进行打印超文本的时候,要注意把样式也传进去.可参考LODOP官网的样例10(或下载中心综合版里自带的样例10),如图,就是该样例的几种引用css样式的方式: 引入之后,可以通过打印设计(PRINT_DESIGN) 选中超文本打印项-右键-把查看到的超

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

Lodop打印控件有很好的自动分页功能,超文本table表格一页装不下,自动分到第二页,第三页……通常表格之前还会有一些内容,比如标题,制表人名称日期什么的杂七杂八的东西,这种东西会占用一定的空间,这些东西只需要在第一页显示.在这种情况下,表格自动分页后,还是会按照打印项原来的top顶边距来进行定位,也就是第二页.第三页……上方,原来标题好制表人日期什么的占用的地方,会显示空白,这段距离还在,这显然是浪费了上方的空间也让纸张看起来留白很不舒服. 这种情况下,Lodop提供了次页偏移方法,让自动分

LODOP打印css样式rgba显示黑色区块

当LODOP打印html超文本出现问题的时候,要删减排查一下样式,查看Lodop传入的内部的html超文本和样式,可查看本博客另一篇博文:删减发现有问题的样式,并解决该问题,尽量使用通用的css样式,更换样式的实现方式,更换对应的css代码可解决问题.例如该样式:RGBA(R,G,B,A),这里R:红色值.正整数 | 百分数G:绿色值.正整数 | 百分数B:蓝色值.正整数 | 百分数A:Alpha透明度.取值0~1之间.有人使用了该样式,排查后发现预览的时候显示黑块,即使alpha透明图是全透明

Lodop打印设计（PRINT_DESIGN）里的快捷键

Lodop打印控件,给开发人员提供了可视化编辑工具,编辑后可生成代码,然后复制到自己程序代码中,让开发更简单,打印设计中有一些快捷键也能让开发更便捷. 打印设计快捷键:ctrl 多个选中Shift 左侧打印项列表,连续一段选择ctrl+鼠标滑动拖拉选中区域内打印项按住alt+打印对象,左边打印项列表中鼠标拖动改变打印项的输出顺序ctrl + delete 删除ctrl + 方向键移动按住ctrl+打印对象,同时拖拉一个对象就复制了详细介绍和图示:ctrl 多个选中和windows系统选择多个不

js前台调用lodop打印

lodop简单介绍 lodop的打印功能已经非常强大,也在带web端的图形界面,可以供用户使用.使用js在前台调用lodop打印,一般分为两种方法: 1:特殊的指令打印,这种打印方式,是采用的与js无关的一直特殊指令,说实在的,不适合我们使用.这个个人觉得只使用于你的web端图形界面使用了lodop自带的图形界面. 2:采用html+css,将整个html+css代码传给打印机,进行打印.很适合我们的使用与维护. lodop官方网站已经提供了很多的在线样例,可以去看看:lodop官网地址. 使用

lodop 打印

使用Lodop打印: 一.在官网下载http://www.lodop.net/download.html 若是安装还是提示未安装,就按转这个二.准备两个js 三.需要在页面最上面加入 <html lang="zh" xmlns:th="http://www.thymeleaf.org"> <object id="LODOP_OB" classid= height=> <embed id= height= plugi

Lodop打印表格带页头页尾高度是否包含页头页尾转载

通过设置TableHeightScope,可以实现对ADD_PRINT_TABLE,表格带页头页尾,查看本博客另一篇博文:Lodop打印表格带页头页尾自动分页每页显示头尾超文本超过打印项高度,会自动分页,详细参考本博客另一篇博文:Lodop打印控件超文本自动分页那么带页头页尾后的超文本高度,会决定每页输出的内容多少,自动分页的依据,默认高度是不包含页头页尾的,可以通过语句设置是否包含页头页尾,或只包含其中的某一个.LODOP.SET_PRINT_STYLEA(0,"TableHeight

LODOP打印项水平居中

LODOP控制打印项水平居中,可以用如下语句,该语句控制的是打印项本身在纸张中水平居中.LODOP.SET_PRINT_STYLEA(0,"Horient",2);这个根据大的打印项本身的宽度,如果打印项本身内部不是居中的,那么加了这句,内容也不会居中. 之前有博文介绍过打印项在纸张中受到的各种边距:LODOOP中的各种边距打印项.整体偏移.可打区域.内部边距例如,打印项的左边距,是指打印项与纸张之间的距离,打印项内部如果也有左边距,例如样式等造成的,那么打印项内容和纸张之间的距离

LODOP打印表格错位的几种情况

在网页设计中,表格经常用到百分比,表格在浏览器中展示,这个百分比是相对于浏览器的.还有div,各种浮动之类的相对位置,也有的用到百分比.而在LODOP打印中,百分比是相对于纸张的.LODOP中打印项的宽高也可以用百分比,如果内容再是百分比,那就是相对于纸张的,可实现纸张不同,都能满页打印的效果,但是随着纸张不同,内容在表格中的宽度高度变化,经常会导致变形. 表现为不同纸张效果不同,表格宽度和列宽不同,有时候自定义纸张没有生效,导致同一个任务同样代码,纸张之间有差异,可打区域有差异,就会影响样式.

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

LODOP中超文本会根据打印项高度或超过纸张,自动分页.(相关博文:Lodop打印控件超文本自动分页.LODOP中ADD_PRINT_TABLE.HTM.HTML表格自动分页测试.Lodop打印表格带页头页尾自动分页每页显示头尾). 统计某页的某列合计值用到的:1.必须用ADD_PRINT_TABLE语句输出表格.2.用tindex指定需要统计的列.3.tdata="SubSum",这个是统计当前页的合计.4.format="UpperMoney"则为大写. 代

lodop打印table列表

热门专题