php 点击表头排序,php动态数据点击表头部排序问题

想要实现点击列头进行排序,table中的内容为动态数据,表头输出固定,内容只有一行(一个tr)循环输出,网上找到的代码都是对固定数据进行排序的。求一份动态数据排序的代码。最好能写一小点代码方便理解。

回复讨论(解决方案)

只有一行,怎么展示排序的结果?

表头

数据

1其实很简单,要是不考虑数据库负载,可你可以这样 给你个简单demo.

你可以用sortData()的js触发事件 ajax移步去请求数据库重新按你想要的顺序排列

注意后边的data-sort属性 这是纪录你当前排序的顺序

function sortData(){ var sortString = $(".head").attr('data-sort'); //获取你的查询条件 和sortString //ajax请求 $(".data").remove();//把以前的数据移除掉 //拼接数据 替换 }

原理就是异步请求查询数据后 凭借标签 替换现有页面标签

2.如果不想查询数据库 那么刻意根据data class 把所有的数据标签找到 然后用js进行排序后替换掉页面标签

无论怎么实现 你都要替换页面原排序的标签元素 这个是主要的

表头

数据

1其实很简单,要是不考虑数据库负载,可你可以这样 给你个简单demo.

你可以用sortData()的js触发事件 ajax移步去请求数据库重新按你想要的顺序排列

注意后边的data-sort属性 这是纪录你当前排序的顺序

function sortData(){ var sortString = $(".head").attr('data-sort'); //获取你的查询条件 和sortString //ajax请求 $(".data").remove();//把以前的数据移除掉 //拼接数据 替换 }

原理就是异步请求查询数据后 凭借标签 替换现有页面标签

2.如果不想查询数据库 那么刻意根据data class 把所有的数据标签找到 然后用js进行排序后替换掉页面标签

无论怎么实现 你都要替换页面原排序的标签元素 这个是主要的

嗯,谢谢提醒,我已经实现了,给表头添加了a标签,给定触发事件换参数查询数据库重新加载页面实现的。

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值