博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jqprint导入jqgrid表格时,内容溢出的原因以及解决方法
阅读量:5756 次
发布时间:2019-06-18

本文共 1371 字,大约阅读时间需要 4 分钟。

jqprint在导入表格的时候,会将原表格的样式全部拉过来,所以说原表格(如jqgrid的表格)的内容在有滚动条的时候,必须得将宽度设置为100%(等百分比的宽度),不能设置成固定宽度,不然表格内容会超出或者小于打印纸的宽度!!

如这样设置:

#gbox_grid-table{width:100% !important;}    .ui-jqgrid-view{width:100% !important;}    .ui-jqgrid-hdiv{width:100% !important;}    .ui-jqgrid-bdiv{width:100% !important;}    .ui-jqgrid-hbox{padding:0 !important;}

在打印的样式中可以加样式修改代入过来的表格样式(th,td必须设置宽度,jqgrid的列宽度可以设置,也可以不设置)

@media print {    /* 页边距 */    @page {margin:.5cm;}    * {background:transparent !important; color:#333 !important; box-shadow:none !important; text-shadow:none !important; filter:0 !important; -ms-filter:0 !important;}    thead {display: table-row-group;}/*table-header-group导致页面中出现表头与内容重叠的现象,表头只需在第一页显示即可*/    tr,td,img {page-break-inside:avoid;}    h2,h3 {page-break-after:avoid;}    p,h2,h3 {orphans:3; widows:3;}    table{width:100% !important;padding:0 !important;margin:0;border-color:#333 !important}    table th{width:0px !important;border:1px solid #333 !important;white-space:normal !important;word-break:break-all !important}    table td{width:0px !important;white-space: normal !important;word-break:break-all;padding:0 10px;border-color:#333 !important}    /* 打印不要出现滚动条 */    .ui-jqgrid .ui-jqgrid-bdiv,    .ui-jqgrid .ui-jqgrid-bdiv>div{        height: auto !important;        width: 100% !important;        }

  

转载于:https://www.cnblogs.com/momozjm/p/6531807.html

你可能感兴趣的文章
在 Linux 系统中安装Load Generator ,并在windows 调用
查看>>
/etc/resolv.conf文件详解
查看>>
Django_4_视图
查看>>
Linux的netstat命令使用
查看>>
IntelliJ IDEA 连接数据库详细过程
查看>>
android学习笔记——onSaveInstanceState的使用
查看>>
工作中如何做好技术积累
查看>>
apache安装报错undefined reference ssl
查看>>
java.lang.UnsatisfiedLinkError:no dll in java.library.path终极解决之道
查看>>
【跃迁之路】【460天】程序员高效学习方法论探索系列(实验阶段217-2018.05.11)...
查看>>
C++入门读物推荐
查看>>
TiDB 源码阅读系列文章(七)基于规则的优化
查看>>
webpack+typescript+threejs+vscode开发
查看>>
微信分销系统商城营销5大重点
查看>>
求职准备 - 收藏集 - 掘金
查看>>
C++与MySQL的冲突
查看>>
siki学习之观察者模式笔记
查看>>
spring.net 继承
查看>>
jQuery|元素遍历
查看>>
用 ThreadLocal 管理用户session
查看>>