12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
ADADADADAD
网络知识 时间:2024-11-25 15:01:36
作者:文/会员上传
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
在网页制作中,表格是不可缺少的元素之一。而表格要想实现排序功能,往往需要使用到第三方的插件或者框架。其中,PHP Datatables 是一个非常实用的工具。今天我们就来详细的讲一
以下为本文的正文内容,内容仅供参考!本站为公益性网站,复制本文以及下载DOC文档全部免费。
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.css"><script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.js"></script>然后,我们需要在页面中准备一个表格,并将其转换为 DataTables。实现代码如下:
<table id="example" cellspacing="0" ><thead><tr><th>姓名</th><th>年龄</th><th>城市</th></tr></thead><tbody><tr><td>张三</td><td>25</td><td>北京</td></tr><tr><td>李四</td><td>30</td><td>上海</td></tr><tr><td>王五</td><td>20</td><td>广州</td></tr></tbody></table><script>$(document).ready(function() {$('#example').DataTable();} );</script>上述代码中的 $('#example').DataTable() 就是将表格转换为 DataTables 的命令。现在的表格已经可以使用 DataTables 提供的分页、搜索、排序等功能了。比如,我们要按照年龄降序排列,只需要在 JavaScript 中加入以下代码:
$(document).ready(function() {$('#example').DataTable( {"order": [[ 1, "desc" ]]} );} );其中,order 数组用来设置排序规则。它的第一个元素表示按第几列进行排序,第二个元素表示升序还是降序。比如,上述代码中就是按照年龄降序排列(第二列)。总结一下,使用 PHP Datatables 实现排序功能非常简单。只需要在页面中引入相应的文件和将表格转换为 DataTables,然后就可以通过 JavaScript 代码来实现不同的排序规则。希望上述内容对大家有所帮助。
11-20
11-19
11-20
11-20
11-20
11-19
11-20
11-20
11-19
11-20
11-19
11-19
11-19
11-19
11-19
11-19