使用PrimeFaces的两列布局 - 第一列是基于内容的，其他列宽是100％ - 第一列

Question

这是一项常见的布局任务，有很多方法可以做到这一点。我正在寻找一种方法，使用尽可能少的CSS来使用PrimeFaces组件。

例如，这是使用html table的简单解决方案：

<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 minus another div width。但是，这是纯HTML而不是JSF。