2011-02-16 25 views
1

如何增加PrimeFaces中數據表的寬度?如何增加PrimeFaces中數據表的寬度?

見下面我.xhtml文件

<h:form> 
    <p:dataTable style="width: 60%" id="dt1" value="#{bean.list}" 
       var="entry" first="0" paginator="true" rows="10" 
       paginatorTemplate="{CurrentPageReport} {FirstPageLink} 
       {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} 
       {RowsPerPageDropdown}" rowsPerPageTemplate="5,10,15" scrollable="true" 
       emptyMessage="No cars found with given criteria" > 

     <f:facet name="header"> 
      <h2>Cars View</h2> 
     </f:facet> 

     <p:column sortBy="#{entry.carno}" filterBy="#{entry.carno}"> 
      <f:facet name="header"> 
       <h:outputText value="Car Number" /> 
      </f:facet> 
      <h:outputText value="#{entry.carno}"></h:outputText> 
     </p:column> 

     <p:column sortBy="#{entry.carsettings['car-model']}" 
        filterBy="#{entry.carsettings['car-model']}"> 
      <f:facet name="header"> 
       <h:outputText value="Car Model"/> 
      </f:facet> 
      <h:outputText value="#{entry.carsettings['car-model']}"></h:outputText> 
     </p:column> 

     <p:column sortBy="#{entry.carsettings.year}" filterBy="#{entry.carsettings.year}"> 
      <f:facet name="header"> 
       <h:outputText value="Car Year"/> 
      </f:facet> 
      <h:outputText value="#{entry.carsettings.year}"></h:outputText> 
     </p:column> 

     <p:column sortBy="#{entry.carsettings.color}" filterBy="#{entry.carsettings.color}"> 
      <f:facet name="header"> 
       <h:outputText value="Car Color"/> 
      </f:facet> 
      <h:outputText value="#{entry.carsettings.color}"></h:outputText> 
     </p:column> 

    </p:dataTable> 
</h:form> 
+0

說明你的當前狀態,以及它有什麼問題。不是真正的描述性問題。 – 2011-02-16 17:11:34

回答

3

我刪除滾動=使用 「真」 在我的數據表,並設置寬度樣式= 「WIDTH:60%,」 現在我可以設置primeface DataTable的寬度。

0

如果在數據表上可滾動爲true,則必須使用scrollWidth屬性設置寬度。你可以試試這個,它工作!