杰表技术论坛 - Powered by Discuz! Board

标题: 【jcp使用手册】表格横向自动分页 [打印本页]

作者: admin 时间: 2018-3-6 11:27 标题: 【jcp使用手册】表格横向自动分页

如查你有很宽的表格，需要根据纸张宽度，自动按列分页，比如：

分成：

这种情况，你需要将窗口分页对象，设置到该表格，并在该表格上，添加样式类column-breakable,如下所示：

复制内容到剪贴板

代码:

<div id="page1" class="breakable" break-window='.column-breakable'>  
    <table class="column-breakable" >  
    ...       
   </table>  
</div>

jcp发现有 column-breakable样式类的table，会执行横向按列分页。

图片附件: QQ截图20180306110530.png (2018-3-6 11:27, 121.28 KB) / 该附件被下载次数 10557
http://demos.jatools.com/attachment.php?aid=1000&k=df6e009d380c185b2ee9e15424036019&t=1753538151

图片附件: QQ截图20180306112751.png (2018-3-6 11:27, 20.6 KB) / 该附件被下载次数 9986
http://demos.jatools.com/attachment.php?aid=1001&k=12321bae2a166a7c5739f438e5f6ba95&t=1753538151

作者: admin 时间: 2018-3-6 11:28

在线示例： http://print.jatools.com/jcp/0.99/breakcolumns.htm

欢迎光临杰表技术论坛 (http://demos.jatools.com/)