Данные не найдены в сообщении h: dataTable или rich: dataTable?

Question

Как отобразить сообщение «Данные не найдены» внутри ah: dataTable или rich: dataTable.В заголовке таблицы должны отображаться поля «Имя», «Номер ролла» и «Класс»;Пользовательский интерфейс должен показать заголовок и сообщение об отсутствии данных в разделе данных h: dataTable

Спасибо.

Answer 1

Просто предложение упростить включение пустого сообщения в часть таблицы, если вы все равно не используете нижний колонтитул таблицы:

 ...
 </h:column>
 <f:facet name="footer">
    <h:outputText value="Table is empty" styleClass="someStyleClass" rendered="#{empty bean.list}" />
 </f:facet> 
 </h:datatable>

В любом случае, возможно, понадобится некоторое оформление, но, на мой взгляд, оно выглядит лучше в вашем исходном коде.

Answer 2

Это невозможно с 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}">

Answer 3

Вполне возможно.

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" ...

Answer 4

<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>