Динамические заголовки таблиц в html

Question

Мне нужно отобразить заголовок внутри тега на основе состояния.

<th class="header"><h:outputText value="#{supplierScorecard.treeItemList[1].m1.header}" /> </th> 

Это мой текущий код. Требование похоже на то, что мне нужно отображать конкретный заголовок, только если значение присутствует с помощью какой-либо проверки JavaScript.

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

Answer 1

Ive положил теги внутри a4j: выходная панель с визуализированным состоянием и отлично работала.

<a4j:outputPanel rendered="#{supplierScorecard.treeItemList[1].m4.header ne null}"> 
               <th class="header treeTableOthers fixed"><h:outputText value="#{supplierScorecard.treeItemList[1].m4.header}" /> </th> 
               </a4j:outputPanel> 

Спасибо за обновление #erencan

Answer 2

Поместите свои теги внутри outputPanel, затем дайте условие для отображения атрибута outputPanel.

<h:panelGrid id="panel" rendered="#{YOUR_CONDITION}" columns="1"> 
     <h:panelGroup>   
     <th class="header"><h:outputText value="#{supplierScorecard.treeItemList[1].m1.header}" /> </th> 
     </h:panelGroup> 
</h:panelGrid> 

Если вы хотите, чтобы скрыть его от JavaScript, обернуть <th> теги с пролетом и динамически изменения visibilty.

<span id="panel"> 
    <th class="header"><h:outputText value="#{supplierScorecard.treeItemList[1].m1.header}" /> </th> 
</span> 

document.getElementById("panel").style.display = "none"; 
document.getElementById("panel").style.display = "block";