具有不正确的primefaces名称的columnToggler组件的列的列表

Question

为什么列名在附加图像中看起来不正常？

我的代码：

<p:outputPanel style="float: right;">
    <p:commandButton id="togglertabelanfcesaida" type="button" value="Colunas Visíveis" styleClass="orange-btn"/>
    <p:columnToggler datasource="tabelanfcesaida" trigger="togglertabelanfcesaida"  />
</p:outputPanel>

<p:column headerText="" toggleable="false" id="data" width="80" style="text-align: center" sortBy="#{nfcesaida.dtEmi}">
    <f:facet name="filter">
        <h:inputHidden id="filter" />
    </f:facet>
    <f:facet name="header">
        <p:panelGrid columns="1" styleClass="ui-noborder" >
            <p:outputLabel value="Data"/>
        </p:panelGrid>
        <p:panelGrid columns="1" styleClass="ui-noborder" >
            <p:calendar placeholder="&#xF002;" locale="pt_BR" id="dataInicial" inputStyle="max-width: 100%; min-width: 100%;font-family: 'FontAwesome';" effect="fadeIn" title="Data Inicial" value="#{nfceSaidaBean.dataInicialPesquisaNfceSaida}" showButtonPanel="true" navigator="true">
                <p:ajax event="dateSelect" oncomplete="PF('tabelanfcesaida').filter()" update="dataInicial dataFinal :menuform:dialogoDownloadNfceSaida" listener="#{nfceSaidaBean.ajustaDataInicialDataFinalPesquisaNfceSaida()}"/>
            </p:calendar>
            <p:calendar placeholder="&#xF002;" locale="pt_BR" id="dataFinal" inputStyle="max-width: 100%; min-width: 100%;font-family: 'FontAwesome';" effect="fadeIn" title="Data Final" value="#{nfceSaidaBean.dataFinalPesquisaNfceSaida}" showButtonPanel="true" navigator="true">
                <p:ajax event="dateSelect" oncomplete="PF('tabelanfcesaida').filter()" update="dataInicial dataFinal :menuform:dialogoDownloadNfceSaida" listener="#{nfceSaidaBean.ajustaDataInicialDataFinalPesquisaNfceSaida()}"/>
            </p:calendar>
        </p:panelGrid>
    </f:facet>
    <p:outputLabel value="#{nfcesaida.dtEmi}">
        <f:convertDateTime pattern="dd/MM/yyyy" />
    </p:outputLabel>
</p:column>

Answer 1

p:dataTable不支持标题facet <f:facet name="header">中的纯文本以外的其他内容，也可能包含一些结构组件。如果您想使用＆＃39;过滤器＆＃39;，请将它们放在<f:facet name="filter">

中