首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >动态页面中的DOMPDF repeat元素

动态页面中的DOMPDF repeat元素
EN

Stack Overflow用户
提问于 2018-08-11 19:19:06
回答 1查看 717关注 0票数 2

我正在使用dompdf生成一个报告。并尝试在一个页面中重复一个元素,根据数据的不同,它可能需要4个页面。但它只在第一页创建

目前我有这个html标记。

代码语言:javascript
复制
<html>
  <head>
<style>
  @page { 
	margin: .5in;  
  }
  .footer{
	position:fixed;
	width:100%;
	bottom:60px;	
  }
  .page-3{
	position:relative;
  }
  .repeat{
	position:fixed;
	width:100%;
                top:10px;
  }
</style>
  </head>
  <body>		
	
<div class="page page-1">
  <div class="content">
	<div class="content-header">...</div>
	<div class="content-text">...</div>
  </div>
</div>

<div class="page page-2">
  <div class="content">
	<div class="content-header">...</div>
	<div class="content-text">...</div>
  </div>
</div>

<div class="page page-3">
  <div class="content">
	<div class="content-header repeat">
	  This must repeat in all pages generated
	</div>
	<div class="content-text">
	  atleast 2~4 pages
	</div>
  </div>
</div>

<div class="page page-4">
  <div class="content">
	<div class="content-header">...</div>
	<div class="content-text">...</div>
  </div>
</div>

<div class="footer">
  footer
</div>
	
  </body>
</html>

假设.page-3生成了3个页面。但是.repeat只出现在.page-3的第一个页面上

我尝试使用.page-3的背景图像,但它仍然是相同的,并且只在第一个生成的页面上显示。

我使用的是dompdf的0.8.2版本。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-13 08:17:51

如果有人和我有同样的问题。我最终使用的是page_script

因为我知道前两个页面是静态的,最后一个页面是静态的,所以我访问了$PAGE_NUM并设置了如下条件

`

代码语言:javascript
复制
    $pdf->page_script('
            if( $PAGE_NUM != 1 ){ // 1st page has no header
                $text = "";
                if( $PAGE_NUM == 2 ){
                    $text = "This is 2nd page";
                }else if( $PAGE_NUM > 2 && $PAGE_NUM < $PAGE_COUNT ){
                    $text = "This is the page 3 until before the last page";
                }else if( $PAGE_NUM == $PAGE_COUNT ){
                    $text = "This is last page";
                }

                // setup postioning, color, size etc for design     

                // use $text as header text                 
                $pdf->text( $posX, $posY, $text, $font, $size, $color);
            }

    ');

`

并删除了HTML标记中的所有<div class="content-header">...</div>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51799133

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档