rich:dataTable columnClasses 属性问题答案

【问题标题】：rich:dataTable columnClasses attribute issuerich:dataTable columnClasses 属性问题
【发布时间】：2014-07-11 11:56:50
【问题描述】：

版本：

RichFaces 4.3.5

Apache MyFaces 2.1

问题：

我们正在从 JSF 1.2 迁移到 JSF2。如下代码所示，rich:dataTable 使用 columnClasses 属性来设置列的样式。问题是 columnClasses 没有得到重复应用。也就是说，如果有四列，我们需要分别指定四个columnClasses属性值，如columnClasses=column1,column1,column1,column1.

这真的很烦人，因为我需要对所有列使用相同的 columnClass。我尝试为columnClasses=column1 column1 之类的列类使用空格，但没有成功。

有人遇到同样的问题吗？除了手动指定 columnClasses 之外，还有其他解决方法吗？

代码：

<rich:dataTable id="userList" styleClass="style1" headerClass="header1" rowClasses="table_evenRow,table_oddRow"
    columnClasses="column1,column1,column1,column1" value="#{bean.userList}" var="user">
                            <f:facet name="header">
                                <rich:columnGroup columnClasses="table_header">
                                    <h:column>
                                        <h:outputText value="First Name" />
                                    </h:column>
                                    <h:column>
                                        <h:outputText value="Last Name" />
                                    </h:column>
                                    <h:column>
                                        <h:outputText value="Email" />
                                    </h:column>
                                    <h:column>
                                        <h:outputText value="Phone" />
                                    </h:column>
                                </rich:columnGroup>
                            </f:facet>
                            <h:column>
                                <h:outputText value="#{user.firstName}" />
                            </h:column>
                            <h:column>
                                <h:outputText value="#{user.lastName}" />
                            </h:column>
                            <h:column>
                                <h:outputText value="#{user.email}" />
                            </h:column>
                            <h:column>
                                <h:outputText value="#{user.phoneNum}" />
                            </h:column>
</rich:dataTable>

【问题讨论】：

嗯，这是一个错误。该属性不像描述的那样工作。
你的问题在别处。我经常使用它，它工作正常。例如columnClasses=", , , , rightalign, rightalign, rightalign"。检查你的 CSS。
@VasilLukach : RichFaces 版本是否与 4.3.5 相同？
是的，RichFaces 版本是 4.3.5

标签： jsf-2 richfaces

【解决方案1】：

我遇到了同样的问题，正如 Vasil Lukach 在评论中提到的那样，columnClasses="right,left,"... 仅向 dom-tree 中的 td 元素添加了一个 css 类。例如：

<td id="form:table:0:j_idt36" class="rf-dt-c right">2</td>

为了产生效果，需要一些 css：

.left {
    text-align: left;
}

.right {
    text-align: right;
}

【讨论】：