Css 在JSF面板标题中添加刷新图标

我正在为UI使用JSF/Prime faces。我在

面板中有一个
数据表
。我需要有一个刷新图标在面板的标题字体真棒提供。单击刷新图标后，
数据表
中的数据应被刷新。我怎样才能做到呢

我尝试添加
图标
属性，也尝试使用
标记，但没有成功

<p:panel header="Top" styleClass="dynamicleftinnerheader" icon="fa fa-refresh">
    <p:dataTable value="#{controller.dataTable}" var="top" scrollHeight="50">
        <p:column headerText="Item">
            <h:outputText value="#{top.item}"/>
        </p:column>
</p:panel>



我尝试了prime faces提供的，它正在工作。
试试这个例子。请清理你的房间，你不需要关门吗
<h:form>
    <p:panel styleClass="dynamicleftinnerheader">
        <f:facet name="header">
            <p:commandButton icon="fa fa-refresh" update="dataTableId"
                action="#{controller.updateTable()}"></p:commandButton>
        </f:facet>
        <p:dataTable id="dataTableId" value="#{controller.dataTable}"
            var="top" scrollHeight="50">
            <p:column headerText="Item">
                <h:outputText value="#{top.item}"/>
            </p:column>
        </p:dataTable>
    </p:panel>
</h:form>