#PAGINATION# in the report template

Question

Hi there,
(Apex 4.0.1)
I am modifying the Standard, Alternating Row Colors report template, and in the After Rows sections I put:
<tr><td class="pwc_ReportHeader">#PAGINATION#</td></tr></table>
</table>In other words, I want the pagination to be displayed in the last row in the table, using a specific style.
However, this is what is generated in the page:
<tr>
  <td class="pwc_ReportHeader">
    <tr>
      <td colspan="7" align="right" >
        <table summary="">
          <tr>
            <td class="pagination"></td>
            <td class="pagination"></td>
            <td nowrap="nowrap" class="pagination"><span>1 - 2</span></td>
            <td class="pagination"></td>
            <td class="pagination"></td>
          </tr>
        </table>
      </td>
    </tr>
  </td>
</tr>As you can see, it replaced the #PAGINATION# placeholder with a table inside a tr, which completely messes up the layout I want. These tags don't even have IDs or classes associated to them so it is impossible to style them using CSS.
Where did those tr and table come from? Is it possible to change what is generated?
Thanks
Luis

Answer 1

Luis Cabral wrote:
In other words, I want the pagination to be displayed in the last row in the table, using a specific style.
However, this is what is generated in the page:
<tr>
<td class="pwc_ReportHeader">
<tr>
<td colspan="7" align="right" >
<table summary="">
<tr>
<td class="pagination"></td>
<td class="pagination"></td>
<td nowrap="nowrap" class="pagination"><span>1 - 2</span></td>
<td class="pagination"></td>
<td class="pagination"></td>
</tr>
</table>
</td>
</tr>
</td>
</tr>As you can see, it replaced the #PAGINATION# placeholder with a table inside a tr, which completely messes up the layout I want.Join the club:
{thread:id=333925}
{thread:id=1047198}
(I'm sure there are others.)
Where did those tr and table come from?From the innards of APEX.
Is it possible to change what is generated?Maybe. Never done this, nor seen it done:
{thread:id=1025125}
Another approach would be to use a Dynamic Action/JavaScript to modify the APEX-generated elements in the DOM.
These tags don't even have IDs or classes associated to them so it is impossible to style them using CSS.IDs and classes are not the only CSS selectors. Unless you're stuck in quirks mode on IE6/7/8/(9?), you can use attribute, child, adjacent sibling and pseudo-class selectors to target those elements.
If you post the complete report template we can try to identify possible selectors.