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

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

请参见下面的my.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>

汽车景观

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

如果数据表上的scrollable为true，则必须使用scrollWidth属性设置宽度。你可以试试这个，它很管用

陈述你目前的状态，以及它有什么问题。这不是一个真正的描述性问题。