Expansão dos componentes

Prezados... boa tarde a todos!

Seguinte estou com um problema com relação aos componentes do rich faces ao tentar colocar o width deles em 100% para a página ficar expansível.

Ocorre o seguinte, tenho um DataGrid de duas colunas com width 100% dentro desse DataGrid tenho um panelBar's que deveriam ocupar 30% e 70%, respectivamente, da largura do dataGrid.

<h:panelGrid columns="2" width="100%">
<rich:panelBar width="30%">
</<rich:panelBar>
<rich:panelBar width="70%">
</<rich:panelBar>
</h:panelGrid>

Dai ele gera um HTML mais ou menpos assim pro navegador

<table width="100%">
<tr>
<td>
<div width="30%"> </div>
</td>

<td>
<div width="70%"> </div>
</td>
</tr>
</table>

E ai naturalmente o navegador entende que a panelBar que eu coloquei com largura 30% deve ocupar 30% da largura que ocupa a td. Ou seja... zica tudo... forçando eu a especificar o tamanho em px ao invés de %.

Alguém tem alguma solução para fazer o rich faces gerar um html similar a este:

<table width="100%">
<tr>
<td width="30%">

</td>

<td width="70%">

</td>
</tr>
</table>

com dataGrip ou com outro componente qualquer?

Topicos relacionados