列排序以包括显示表中的整个内容

时间:2016-03-16 23:27:52

标签: html sorting jquery-ui-sortable display

我正在使用sortable="true"对带有分页的显示表进行列级排序,但是当我点击标题时,它只对当前页面内容进行排序。当我转到下一页时,内容仍然像以前一样,没有任何排序。有没有办法在单击列标题时对显示表的整个内容进行排序?下面是显示我的显示表的代码。

<display:table class="displayTable" id="person" name="persons" requestURI="personDetails" export="true" pagesize="10" requestURIcontext="false">
    <display:column style="width: 30%; border: 1px solid #000;" title="Date" sortable="true">
            <fmt:formatDate pattern="dd/MM/yyyy HH:mm:ss" value="${person.reportDate}" />
    </display:column>
    <display:column style="width: 30%; border: 1px solid #000;" property="personName" title="Name" sortable="true"/>
    <display:column style="width: 30%; border: 1px solid #000;" property="personAge" title="Age" sortable="true"/>
</display:table>

1 个答案:

答案 0 :(得分:0)

我有解决方案。添加sort =&#34; list&#34; display中的属性:table标签,用于在排序中包含整个列表,如果不是只显示当前页面的排序。

<display:table sort="list" class="displayTable" id="person" name="persons" requestURI="personDetails" export="true" pagesize="10" requestURIcontext="false" >
    <display:column style="width: 30%; border: 1px solid #000;" title="Date" sortable="true">
            <fmt:formatDate pattern="dd/MM/yyyy HH:mm:ss" value="${person.reportDate}" />
    </display:column>
    <display:column style="width: 30%; border: 1px solid #000;" property="personName" title="Name" sortable="true"/>
    <display:column style="width: 30%; border: 1px solid #000;" property="personAge" title="Age" sortable="true"/>
</display:table>