Question

如何增加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>

Answer 1

我在数据表中删除了scrollable =“true”并使用style =“width：60％”设置宽度，现在我可以设置primeface数据表的宽度。

Answer 2

如果datatable上的可滚动为真，则必须使用scrollWidth属性设置宽度。你可以尝试这个，它的工作！

如何增加PrimeFaces中数据表的宽度？

2 个答案: