关于前端数据分页与排序,可能涉及到ajax

dashu1212 2016-03-10 05:50:39
各位好,在做前端页面数据展示时遇到一个问题,我后台是基于php(thinkphp框架)写的,在进行了分页后,现在需要增加排序功能,由于之前分页是sql中使用了limit,也就是分页展现的数据不是把符合条件的数据全部取出,而是limit 10,50这种,而排序不是只对当前页的数据排序,是需要把符合条件的数据全部重新排一遍,必定去后台再用order by,那么我要怎么做才能保持分页数据的满足的条件不变,又能重新排序并在前端页面展现出来呢?ajax然后装入table吗?具体思路是什么?麻烦各位了!!
...全文
337 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
Beta009 2017-11-14
  • 打赏
  • 举报
回复
我遇到了同样的问题,请问是怎么解决的
dashu1212 2016-03-17
  • 打赏
  • 举报
回复
有个新问题,就是我现在一次性把数据加载了,但是需要根据某列值的大小来改变字体颜色,比如某一行(row)数据中的薪水(salary)大于10000的名字(name)变红,能怎么做呢?这个链接 http://datatables.club/reference/option/createdRow.html 里有一个方法,同样的还有http://www.datatables.net/release-datatables/examples/advanced_init/row_callback.html,但是这都已经创建了tr元素,而我现在html里就是
<table id="example" border="1" class="display" width="100%" style="text-align:center">
    <thead>
        <tr style="border-top: 2px solid #000;border-bottom:  2px solid #000">
            <th rowspan="2" style="height: 40px;border-right: 2px solid #000;border-top: 2px solid #000;border-bottom:  2px solid #000">终端MAC ▼</th>
            <th rowspan="2" style="border-right: 2px solid #000;border-bottom:  2px solid #000;border-top: 2px solid #000;">用户名</th>
            <th rowspan="2" style="border-right: 2px solid #000;border-bottom:  2px solid #000;border-top: 2px solid #000;">联系方式</th>
            <th rowspan="2" style="border-right: 2px solid #000;border-bottom:  2px solid #000;border-top: 2px solid #000;">住址</th>
            <th colspan="2" style="border-right: 2px solid #000;border-top: 2px solid #000;">qq</th>
            <th colspan="5" style="border-right: 2px solid #000;border-top: 2px solid #000;">薪水</th>
        </tr>
        <tr>
            <th style="border-bottom:  2px solid #000"></th>
            <th style="border-right: 2px solid #000;border-bottom:  2px solid #000"></th>
            <th style="border-bottom:  2px solid #000"></th>
            <th style="border-bottom:  2px solid #000"></th>
            <th style="border-bottom:  2px solid #000"></th>
            <th style="border-bottom:  2px solid #000"></th>
            <th style="border-bottom:  2px solid #000"></th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
请问,该怎么做比较合适?是不是我没有了解到一种可行的方法?
dashu1212 2016-03-17
  • 打赏
  • 举报
回复
谢谢,解决了!
csdncb 2016-03-10
  • 打赏
  • 举报
回复
http://www.datatables.net

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧