Jquery 提供标题名称以自动完成建议列

我正在对多个列使用primefaces autocomplete Component

我可以显示多个列的结果，但我希望每个列都有一个标题名。 正如您在本演示中看到的，自动建议中有两列，分别为“名称”和“图像”

我想为名称和图像提供标题名，这意味着它将以这种方式显示

Player_Name    Picture    (Header names for columns)

  Messi         (its image) 

我试图以这种方式给出标题名，但没有成功

<p:autoComplete value="#{autoCompleteBean.selectedPlayer2}" id="customPojo" completeMethod="#{autoCompleteBean.completePlayer}"  
                        var="p" itemLabel="#{p.name}" itemValue="#{p}" converter="player" forceSelection="true">  
                <p:column>  
                  <f:facet name="header">
            <h:outputText value="Player Image" />
            </f:facet> 

                   <p:graphicImage value="/images/barca/#{p.photo}" width="40" height="50"/>  
                </p:column>  

                <p:column>  
            <f:facet name="header">
            <h:outputText value="Player Name" />
            </f:facet>
            <h:outputText value="#{#{p.name}}" />

                </p:column>  
            </p:autoComplete> 

我还想显示5列建议，如下所示 演示作为建议只有2列，但我有5列 显示建议，以便显示所有列，但默认情况下会使用 水平滑块。但我不想要滑球，至少5个 列应在没有任何滑块的情况下显示

---

如何实现它？

无法在自动完成组件中设置标题

关于卷轴，您应该使用firebug查看

id

打开的自动完成对话框，并应用

overflow-x:hidden到它

例如，在showcase中，它应该是

 #form:customPojo_panel table{
     overflow-x: hidden;
 }

可能需要添加一些其他css内容，如
显示：内联块
或分配
最小宽度
为自动完成建议列提供标题名称不，我尝试过，但没有成功