I've a layout problem.
I have to show a lot of big dataTables in a page. I want show these dataTables in a dataGrid, 2 for each row, and I want that each column cover only the 50% of width.
Each dataTable is wrapped inside a panel. I want that users have to use a scrollbar to see all the dataTable data.
I want a template like this:
The problem is that I'm not able to limit the size of the dataTable and of the column that don't respect the limit of 50% width of the page.
This is my code:
Code: Select all
<p:panelGrid style="height:auto; border:1px">
<p:row >
<p:column style="width:50%">
<p:panel header="PanelB1" toggleable="true" style="height:auto; position:upper;">
<p:scrollPanel>
<---- My Big dataTable here ---->
</p:scrollPanel>
</p:panel>
</p:column>
<p:column style="width:50%">
<p:panel header="PanelB2" toggleable="true" style=" height:auto;">
<p:scrollPanel>
<---- My Big dataTable here ---->
</p:scrollPanel>
</p:panel>
</p:column>
</p:row >
</p:panelGrid>
Thank you very much!!