如何在Primefaces数据表中显示图标而不是数据?

我有一个 Primefaces Datatable 包含一些数据集,哪些值是 0 或 1. 在其中一列中,这些值用于计算 summary row .

我想做的是:

• 当值为 1. A. Font Awesome car icon 应显示和编号 1. 隐藏起来;
• 同样的价值 0 ,但显示 airplane icon .

到目前为止,我所取得的成就是使用 条件css :

<p:dataTable id="datalist"
             filteredValue="#taxiTripsController.filteredTaxiTrips}"
             value="#{taxiTripsController.items}"
             var="item"
             rowKey="#{item.id}"
             paginator="true"
             selectionMode="single"
             selection="#{taxiTripsController.selected}"
             widgetVar="txcwv" >

<!--some columns ommited -->

<p:column sortBy="#{item.cr1}" filterBy="#{item.cr1}" >
    <f:facet name="header">
        <h:outputText value="cr1"/>
    </f:facet>
    <h:outputText id="cr1" value="#{item.cr1}" styleClass="#{item.cr1 == 1 ? 'realizado' : null}" title="cr1" />
</p:column>

</p:dataTable>

css摘录:

.realizado {
font: bold 2em/1.35 Arial;
text-shadow: 4px 4px 10px red;
icon:url("car.png"); <!-- or some way to use fa fa-car
}

但不显示图标或图像,只显示文本阴影:

有人知道我怎么做吗? 提前谢谢。