After making the two layoutpanes in my page resizable, the treetable columns and headers get out of alignment the moment I resize the pane larger. The left pane contains a treetable, the right pane contains an iframe for viewing pdf.
below the fragment of the xhtml-body with the two layoutpanes.
Code: Select all
<pe:layoutPane id="layoutunit2" position="west" closable="false" resizable="true" size="33%">
<p:outputPanel id="outputpanel3">
<p:treeTable id="treetable1" value="#{documentListView.documentListViewItemTreeNodeRoot}"
var="documentListViewItem"
selectionMode="checkbox"
selection="#{documentListView.selectedDocumentListViewItemTreeNodes}"
emptyMessage="Geen documenten gevonden."
rowStyleClass="#{documentListViewItem.visited ? 'treetable1rowvisited' : null}"
widgetVar="w_treetable1"
scrollable="true"
scrollHeight="100%"
styleClass="treetable1"
resizableColumns="true">
<p:column headerText="AG" styleClass="column1">
<h:outputLink id="zaakOrOmsAandachtsgebied" value="#">
<h:outputText value="#{documentListViewItem.zaakOrOmsAandachtsgebied}" />
</h:outputLink>
<p:tooltip id="toolTipZaakOrOmsAandachtsgebied" for="zaakOrOmsAandachtsgebied"
value="#{documentListViewItem.zaakOrOmsAandachtsgebied}" position="top"/>
</p:column>
<p:column headerText="Onderwerp" styleClass="column2">
<h:outputLink id="omsOnderwerp" value="#">
<h:outputText value="#{documentListViewItem.omsOnderwerp}" />
</h:outputLink>
<p:tooltip id="toolTipOmsOnderwerp" for="omsOnderwerp"
value="#{documentListViewItem.omsOnderwerp}" position="top"/>
</p:column>
<f:facet name="footer">#{documentListView.documentListViewItemTreeNodeRootChildCountText}</f:facet>
</p:treeTable>
</p:outputPanel>
</pe:layoutPane>
<pe:layoutPane id="layoutunit3" position="center" closable="false" resizable="true" size="67%">
<p:outputPanel id="outputpanel4">
<iframe id="iframe1" src="#{documentListView.iframeUrl}" width="100%"
height="100%" scrolling="no" frameborder="0"/>
</p:outputPanel>
</pe:layoutPane>
</pe:layout>
Image of the problem with the headers/columns
Please let me know if you need additional information.
Kind regards,