Hide the whole empty row of table in VF page when rendered as pdf

Question

I am showing object fields by using <table>,<tr> and <td> tags in page to show the details in some format. I am using following condition to show data on the page, if field is not blank

<tr>
<td><apex:outputLabel rendered="if field is not blank"><td> 
</tr>

In this code, if field is blank data is not visible but that row is generated and I am getting blank row between two rows.

How to remove this row dynamically?

score 16 · Answer 1 · answered May 10 '13 at 06:29

16

You should be able to control the rendering of the row using <apex:variable>:

<apex:variable var="v" value="" rendered="{!NOT(ISBLANK(TheField__c))}">
  <tr>
    <td><apex:outputLabel rendered="if field is not blank"><td> 
  </tr>
</apex:variable>

<apex:outputPanel> would probably also work as long as you specify layout="none"

answered May 10 '13 at 06:29

Matt Lacey

25,618
7
66
149

1

Note that apex:variable is actually working better than apex:outputPanel. The outputPanel tag does give problems when conditionally hiding tr tags in PDFs. The table somehow breaks when using outputPanel but does not when using apex:variable. – Willem Mulder May 09 '18 at 09:47

pjcarly · Accepted Answer · 2013-05-13T05:29:30.483

13

I tend to do this directly in HTML with some CSS hackery

<tr style="display: {!IF(ISBLANK(Field__c), 'none', 'table-row')};">
    <td>Content of your cell</td>
</tr>

edited May 13 '13 at 05:29

answered May 10 '13 at 08:15

pjcarly

7,451
5
36
56

score 0 · Answer 3 · answered Jun 29 '16 at 04:41

For group of elements we can use apex:outputPanel

<apex:outputPanel layout="none" rendered="{!NOT(ISBLANK(TheField__c))}">
  <tr>
    <td><apex:outputLabel rendered="if field is not blank"><td> 
  </tr>
  .
  .
  .
  .
  <tr>
    <td><apex:outputLabel rendered="if field is not blank"><td> 
  </tr>

</apex:outputPanel>

Hide the whole empty row of table in VF page when rendered as pdf

3 Answers3