9

当支持值为空时，有什么方法可以防止 h:datatable 创建空行？更具体地说：我有一组数据要显示在带有列标题的 h:dataTable 中的 3 列中。无论列表中是否有元素，都需要显示标题。这很好用，但是当列表中没有元素时，会在 tbody 中创建一个空行/单元格。有没有办法防止这种情况？

谢谢！

来自 backing bean 的示例方法。为了测试，我尝试返回 null 或空列表。两者的结果相同。

    public List<LocationsDecorator> getLocations() {
    return null;
}

JSF 片段：

<h:dataTable styleClass="locations" id="locations1"
    var="nearestLoc" value="#{confirmationBean.locations}">
    <h:column>
        <!-- column header -->
        <f:facet name="header">Address</f:facet>
        <!-- row record -->
            #{nearestLoc.adddress}
        </h:column>
    <h:column>
        <!-- column header -->
        <f:facet name="header">Distance</f:facet>
        <!-- row record -->
            #{nearestLoc.distance}
        </h:column>
    <h:column>
        <!-- column header -->
        <f:facet name="header">Hours of Operation</f:facet>
        <!-- row record -->
        <h:dataTable styleClass="locations" var="data"
            value="#{nearestLoc.hoursOfOperation}">
            <h:column>     
                #{data}
                </h:column>
        </h:dataTable>

    </h:column>

</h:dataTable>

生成的 HTML（<tr><td></td></tr>tbody 中的“”是问题）：

<table id="contact:locations1" class="locations">
<thead>
<tr>
<th scope="col">Address</th>
<th scope="col">Distance</th>
<th scope="col">Hours of Operation</th>
</tr>
</thead>
<tbody>
<tr><td></td></tr></tbody>
</table>
4

3 回答 3

5

为空表指定单独的样式。例如

table.empty tbody td {
    border: 0;
}

并有条件地添加它。

<h:dataTable ... styleClass="locations #{empty component.value ? 'empty' : ''}">
于 2012-12-05T17:54:09.647 回答
0

如果您将方法包装在 outputText 标记中，则可以避免列标题消失

例子：

  <h:column>
    <!-- column header -->
    <f:facet name="header">Address</f:facet>
    <!-- row record -->
       <h:outputText value="#{nearestLoc.adddress}" />
    </h:column>

这样列本身不依赖于值

于 2012-12-05T01:00:28.183 回答
0

感谢BalusC的建议，但我试过了，还是不行。可能是其他原因导致的。我稍微修复了 BalusC 的代码，它现在可以工作了：

table.locations.empty tbody td {
    border-color: rgba(0, 0, 0, 0);
}
于 2015-11-15T17:55:34.810 回答