如何在h:dataTable或rich:dataTable中显示“No Data Found”消息。表格的标题应显示字段名称,卷号和类;用户界面应在h:dataTable
的数据部分显示标题和未找到数据的消息感谢。
答案 0 :(得分:4)
如果您还没有使用表格页脚,只是建议让空信息更容易成为表格的一部分:
...
</h:column>
<f:facet name="footer">
<h:outputText value="Table is empty" styleClass="someStyleClass" rendered="#{empty bean.list}" />
</f:facet>
</h:datatable>
无论如何,某些样式可能是必要的,但在我看来,它在源代码中看起来更好。
答案 1 :(得分:3)
h:dataTable
或rich:dataTable
无法做到这一点。 PrimeFaces p:dataTable
具有emptyMessage
属性,完全相同。
您最好的选择是在表格下方放置一条消息,该消息在表格为空时呈现。您可以使用CSS为它提供与表格相同的样式,使其看起来像表格的一部分。
<h:dataTable value="#{bean.list}">
...
</h:dataTable>
<h:outputText value="Table is empty" rendered="#{empty bean.list}">
答案 2 :(得分:1)
完全可能。
function myFunc(){
$('#bodyForm\\:assetTrackingTravellingTable').grDataTable({
sDom : 'zrtp'
});
}
<script type="text/javascript"
src="#{facesContext.externalContext.requestContextPath}/member/assets/js/jquery.dataTables.js"></script>
<link rel="stylesheet" type="text/css"
href="#{facesContext.externalContext.requestContextPath}/member/assets/css/jquery.dataTables.css" />
<rich:dataTable id="assetTrackingTravellingTable" ...
答案 3 :(得分:-1)
<rich:dataTable value="#{bean.list}" var="var">
<f:facet name="noData">
No data message
</f:facet>
<rich:column>
<f:facet name="header"><h:outputText value="Field A"/></f:facet>
<h:outputText value="#{var.fieldA}"/>
</rich:column>
...
</rich:dataTable>