Jsf 2 Primefaces数据表列宽、颜色方案、复选框功能

我不熟悉primefaces和jsf，在使用它时遇到了一些问题

下面是我在jsf中使用的代码

<p:dataTable id="plazaId" var="plaza" value="#{coverageBean.plazaDataModel}" selection="#{coverageBean.selectedPlaza}" rowIndexVar="rowIndex" width="100%" border="0" cellspacing="0" cellpadding="0" >
            <p:column id="name" headerText="Select" selectionMode="multiple"
                    style="width:18px" />
            <p:column id="plazaName" headerText="Plaza's" style="width: 50%"  bgcolor="#dcdcdc">
                <h:outputText value="#{plaza.name}" bgcolor="#dcdcdc"></h:outputText>
            </p:column>
            <p:column id="plazaDirect" headerText="Directo" style="width: 10%"  bgcolor="#dcdcdc">
                <h:outputText value="#{plaza.direct}" bgcolor="#dcdcdc"></h:outputText>
            </p:column>
          </p:dataTable>

我已经检查了bean和后端。他们都是对的

这些问题是：

我想用这个表中的百分比来改变宽度。但它不起作用。 我喜欢所有的行都是相同的颜色。但它显示出交替的颜色白色和蓝色 还有一种方法可以使复选框成为简单的html样式。但这有点花哨。 有谁能帮忙解决这些问题吗。提前谢谢

我想用这个表中的百分比来改变宽度。但它不起作用

您的JSF视图存在语法问题。它们没有h:outputText的bgcolor属性，这是一个样式属性

<h:outputText value="#{plaza.name}" headerText="Plazas" style="bgcolor: #dcdcdc;" />

这也可以解决你的背景颜色问题

还有一种方法可以使复选框成为简单的html样式。但这有点花哨

这实际上很难做到。p:selectBooleanCheckbox实际上是一个带有javascript事件的样式化div。在这个div中有一个隐藏的input type=复选框，它作为返回的表单元素存在。如果不修改我所知道的javascript和样式表，就无法做到这一点

我想用这个表中的百分比来改变宽度。但它不起作用

您的JSF视图存在语法问题。它们没有h:outputText的bgcolor属性，这是一个样式属性

<h:outputText value="#{plaza.name}" headerText="Plazas" style="bgcolor: #dcdcdc;" />

这也可以解决你的背景颜色问题

还有一种方法可以使复选框成为简单的html样式。但这有点花哨

这实际上很难做到。p:selectBooleanCheckbox实际上是一个带有javascript事件的样式化div。在这个div中有一个隐藏的input type=复选框，它作为返回的表单元素存在。如果不修改我所知道的javascript和样式表，就无法做到这一点

到今天为止，这是不可能的。指

这与造型有关。根据需要定义样式

这与造型有关。根据需要定义样式

到今天为止，这是不可能的。指

这与造型有关。根据需要定义样式

这与造型有关。根据需要定义样式

---

勾选复选框，只需使用h:selectBooleanCheckbox。同样有效。勾选复选框，只需使用h:selectBooleanCheckbox。同样有效。请不要对Facelet使用[xhtml]标记。[xhtml]标记太通用了。我编辑了标记。请不要对Facelet使用[xhtml]标记。[xhtml]标记太通用了。我编辑了标签。应该注意上面列出的bug适用于可滚动的数据表。百分比宽度应该适用于常规数据表。应该注意，上面列出的错误适用于可滚动数据表。百分比宽度应该适用于常规数据表。