Primefaces可滚动数据表标题对齐

Question

我知道经常讨论这个问题，但我没有找到任何合理的解决方案。我有一个数据表，包括过滤，排序，延迟加载和动态列。如果我将数据表的宽度设置为100％并向右滚动，则单元格不会与标题对齐。一些简单的解决方案？我使用的是primefaces-5.0。

XHTML：

<p:dataTable 
    var="rec" 
    value="#{bean.list}"
    selection="#{bean.selectedRow}"
    selectionMode="single"
    rowKey="#{rec.id}"
    resizableColumns="true"
    rows="4"
    paginator="true"
    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
    filteredValue="#{bean.filteredList}"
    scrollable="true"
    style="width: 100%;">   

    <p:columns value="#{bean.list}"
       width="150"
       var="column" 
       sortBy="#{rec[column.property]}" 
       filterBy="#{rec[column.property]}" 
       filterMatchMode="contains" >
       <f:facet name="header">
           <h:outputText value="#{column.header}" />
       </f:facet>
       <h:outputText value="#{rec[column.property]}" /> 
    </p:columns>
</p:datatable>