Primefaces数据表无法正确呈现

Question

        <p:dataTable paginator="true">
            <p:column headerText="User Name " style="width:20%">#user.</p:column>
            <p:column headerText="User Id " style="width:20%"></p:column>
            <p:column headerText="Email id " style="width:20%"></p:column>
            <p:column headerText="Plant" style="width:20%"></p:column>
            <p:column headerText="Department" style="width:20%"></p:column>
            <p:column headerText="Approval" style="width:20%"></p:column>

        </p:dataTable>

这是数据表代码。我想要展示。

但它将数据表显示为此

在primfaces网站上看起来并不是很令人兴奋。

请帮助

Answer 1

您需要定义一个主题，其中包含预先设置样式的所有样式类。

有关说明，请参阅：http://www.mkyong.com/jsf2/primefaces/changing-theme-in-primefaces/

或PrimeFaces网站：http://primefaces.org/themes

如果您的评论仅在p：列的宽度上，请参阅标记的vdl。 http://www.primefaces.org/docs/vdl/3.5/primefaces-p/column.html

p：列有一个属性'width' - 所以只需设置width =“20％”而不是style =“width：20％”