Question

我有一个豆子知道几个不同位置的温度。该信息显示在jsf h：datatable中。

<h:dataTable value="#{temperatureBean.records}" var="temperatureRecord" >
  <h:column >
    <f:facet name="header">Location</f:facet>
    #{temperatureRecord.location}
  </h:column>        
  <h:column>
    <f:facet name="header">Temperature</f:facet>
    #{temperatureRecord.temperature}
  </h:column>
</h:dataTable>

我想提供生成的html＆lt; td＆gt;元素类值，以便温度高于零的地方的单元格可以通过css显示为红色，而温度低于零的那些显示为蓝色。

<td class="hot">10</td>

<td class="cold">-2</td>

有人能告诉我有条件地生成html＆lt; td＆gt;的技术吗？属性？

这个问题与BalusC之前的回答有些类似： Dynamically change CSS style of cell in <h:dataTable> column 然而，在那种情况下，给定的解决方案导致＆lt; span＆gt;。在表格单元格内生成，它是以编程方式控制的范围的类别，而不是＆lt; td＆gt;的任何属性。因为我正在寻找。重要的是，虽然我可以给跨度一个背景颜色，并告诉它填充表格单元格的整个宽度，但我不能让它扩展到单元格的高度。 / p>

这个小提琴显示了之前答案中给出的css的效果。我故意在第一个表格中放入一些大的东西。

https://jsfiddle.net/twistedlizard/zvLafpsk/

Mojarra：2.2.0

有条件地为h设置类值：datatable cells

0 个答案: