タグを 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>
タグをスパンで囲み、可視性を動的に変更します。
<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";