jsf - PrimeFaces 的两列布局 - 第一列基于内容，其他列宽度为 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 minus another div width。但是，这是纯 HTML 而不是 JSF。