如何简化Primefaces p:dataTable组件中的排序。发现意外的排序图标

我想将简单的排序合并到Primefaces中的datatable中

我的代码是：

<p:dataTable id="tbl" var="data" value="#{dataView.avaliableData}"
             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
             paginator="true" rows="10" sortMode="simple" paginatorPosition="bottom"> 
    <p:column headerText="#{msg.id}"  sortBy="#{data.id}">
        <h:outputText value="#{data.id}" />
    </p:column>
    <p:column headerText="#{msg.name}"  sortBy="#{data.name}">
        <h:outputText value="#{data.name}" />
    </p:column>
    <p:column headerText="#{msg.entity}" sortBy="#{data.entity}">
        <h:outputText value="#{data.entity}" />
    </p:column>              
    <p:column headerText="#{msg.date}" sortBy="#{data.date}">
        <h:outputText value="#{data.date}" />
    </p:column>
</p:dataTable>

但结果令人困惑。这张图片说明了这一点（我没有足够的声誉直接在这里发布）

---

为什么我会看到几个排序项目？我只想看到一个按升序或降序排序的图标。

您只需删除

sortMode=“simple”

，您将只看到一个排序

图标

，如果要显示

分页器

，则只需超过行数即可使用此选项

paginatorAlwaysVisible="false" 

---

在

dataTable

标记中。

显然，这是由于错误使用包含背景图标的样式表造成的

我推测这是因为Primefaces的版本。我已经覆盖了

.ui.datatable.ui可排序列图标

---

我的样式表中的条目和奇怪的图标已消失。

感谢第二条建议，非常有用。但是删除sortMode并不是解决问题的方法。多个图标仍处于活动状态。