jsf - PrimeFaces を使用した 2 列のレイアウト - 最初の列はコンテンツ ベース、他の列の幅は 100% - 最初の列

Question

これは一般的なレイアウト タスクであり、さまざまな方法で実行できます。CSSをできるだけ少なくしてPrimeFacesコンポーネントでそれを行う方法を探しています。

たとえば、これは html テーブルを使用した簡単なソリューションです。

<table style="width: 100%;"><tr>
   <td> CONTENT BASED WIDTH </td>
   <td style="width: 100%;"> THIS COLUMN WILL TAKE ALL REST SPACE </td>
</tr></table>

ただし、レイアウトの作成に HTML テーブルを使用することはお勧めできません。

これは、stackoverflow に関する他の質問からの CSS ソリューションです: xHTML/CSS: How to make inner div get 100% width - another div width。ただし、これはプレーンな HTML であり、JSF ではありません。