title: Datatable facet header is not displayed using PrimeFaces Mobile
body: <p>I use inside a PrimeFaces Mobile page a dataTable where I set a header which is not displayed. In the normal page (not mobile) it works like in the documentation described.</p>
  
  <p>Example</p>
  
  <pre class="lang-xhtml prettyprint-override"><code>...
  &lt;f:view renderKitId="PRIMEFACES_MOBILE" /&gt;
  ...
  &lt;h:body&gt;
  
  &lt;h:form&gt;
      &lt;p:dataTable var="item" value="#{eintraege.getLazyModel(null)}"
          paginator="true" rows="20" selectionMode="single"
          selection="#{eintraege.selected}" rowKey="#{item.id}"
          id="table-auftrag" lazy="true"
          emptyMessage="Keine Einträge gefunden" filteredValue="#{item}"
          widgetVar="eintragTable" sortBy="#{item.datumFormated}"
          sortOrder="descending"&gt;
  
          &lt;p:ajax event="rowSelect" listener="#{eintraege.openMobile}" /&gt;
  
          &lt;f:facet name="header"&gt;
              &lt;p:outputPanel&gt;
                  &lt;p:inputText id="globalFilter"
                      onkeyup="PF('eintragTable').filter()"
                      placeholder="Suchbegriff eingeben" style="width: 100%" /&gt;
              &lt;/p:outputPanel&gt;
          &lt;/f:facet&gt;
  
          &lt;p:column headerText="" id="image"&gt;
              &lt;h:outputLink value="#{request.contextPath}/mobile/eintrag.xhtml"
                  rendered="#{item.hasImage()}"&gt;
                  &lt;f:param name="id" value="#{item.id}" /&gt;
                      &lt;p:graphicImage value="/images/thumb?id=#{item.id}" /&gt;
              &lt;/h:outputLink&gt;
          &lt;/p:column&gt;
  
  ...
  </code></pre>
  
  <p><strong>EDIT</strong>: changed "c:" to "f:"</p>
  
  <p><strong>UPDATE</strong>
  Today I wrote a little dirty workaround to solve this problem for the meantime to go online with the mobile page.</p>
  
  <p>I added an new inputText with a onkeyup event which updates the dataTable. Additionally i have to change the lazy loading method a little bit to insert the value from the inputText which is now outside of the dataTable.</p>
  
  <p>The page:</p>
  
  <pre><code>&lt;p:inputText id="globalFilter" onkeyup="PF('eintragTable').filter()"
      placeholder="Suchbegriff eingeben" /&gt;
  
  &lt;p:dataTable ...
  </code></pre>
  
  <p>The LazyDataModel class:</p>
  
  <pre><code>@Override
  public List&lt;Eintrag&gt; load(int first, int pageSize, String sortField,
      SortOrder sortOrder, Map&lt;String, Object&gt; filters) {
  
  ...
  
  if (filters.keySet().isEmpty()) {
      UIComponent component = FacesContext.getCurrentInstance()
          .getViewRoot().findComponent("form:globalFilter");
      if (component != null) {
          Object value = component.getAttributes().get("value");
          filters.put("globalFilter", value);
      }
  }
  </code></pre>