Freeze Pane in Oracle Apex3.2

Question

Hi,
Please help me out to implement Freeze Pane in Oracle Apex 3.2
Thanks,
Dhanalakshmi.

Answer 1

Hi,
Just to be clear for you, create a new Report Template using the following settings:
Before Rows:
<style type="text/css">
#table1 th {white-space: nowrap}
#table1 td {white-space: nowrap}
#table2 th {white-space: nowrap}
#table2 td {white-space: nowrap}
</style>
<table cellpadding="0" cellspacing="0" summary="" style="padding:0px; border-collapse:collapse;">#TOP_PAGINATION#
<tr><td>
  <tr>
    <td style="vertical-align:top; background-color:#EFEFEF; padding:0px; border:1px solid darkgray;">
      <div id="d1" style="background-color:white; margin:0px; border:0px; padding:0px;">
      </div>
    </td>
    <td style="vertical-align:top; padding:0px; border:1px solid darkgray;">
      <div id="d2" style="overflow-X:scroll; margin:0px; border:0px; padding:0px; border-right:1px solid darkgray;">
<table cellpadding="0" border="0" cellspacing="0" summary="" class="t18Standard" id="table2">Column Heading Template:
<th class="t18ReportHeader"#ALIGNMENT# id="#COLUMN_HEADER_NAME#">#COLUMN_HEADER#</th>Before Each Row:
<tr #HIGHLIGHT_ROW#>Column Template 1:
<td #ALIGNMENT# headers="#COLUMN_HEADER#" class="t18data">#COLUMN_VALUE#</td>After Each Row:
</tr>After Rows:
      </div>
    </td>
  </tr>
</table><div class="t18CVS">#EXTERNAL_LINK##CSV_LINK#</div></td></tr>#PAGINATION#</table>
<script type="text/javascript">
var d1 = document.getElementById("d1");
var t2 = document.getElementById("table2");
var t1 = t2.cloneNode(false);
t1.style.width = "100%";
t1.id = "table1";
d1.appendChild(t1);
var t2Rows = t2.rows;
var k;
var r;
var c;
for (k = 0; k < t2Rows.length; k++)
r = document.createElement("TR");
t1.appendChild(r);
c = t2Rows[k].cells[0].cloneNode(true);
r.appendChild(c);
t2Rows[k].deleteCell(0);
d1.innerHTML += "";
</script>Next Page Template:
<a href="#LINK#" class="t18pagination">#PAGINATION_NEXT# ></a>Previous Page Template:
<a href="#LINK#" class="t18pagination"><#PAGINATION_PREVIOUS#</a>Next Set Template:
<a href="#LINK#" class="t18pagination">#PAGINATION_NEXT_SET#>></a>Previous Set Template:
<a href="#LINK#" class="t18pagination"><<#PAGINATION_PREVIOUS_SET#</a>Then update your report to include the following in the Region Header setting:
<style type="text/css">
#d1 {width:175px;}
#d2 {width:400px;}
</style>That is what is running on: http://apex.oracle.com/pls/otn/f?p=267:47
Note that the above template is using Theme 18 - all "class" names are prefixed with "t18" - change this to your own theme (eg, if you are using Theme 12, change this to "t12" - or check with the Standard Report template for the "class" names you need)
Andy