datatables
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--第一步:引入Javascript / CSS (CDN)-->
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css">
<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<!-- DataTables -->
<script type="text/javascript" src="datatable.js"></script>
</head>
<body>
<table class="example">
<thead>
<tr>
<th>第一列</th>
<th>第一列</th>
</tr>
</thead>
</table>
<script>
$(function(){
$(".example").DataTable({
//数据地址
"ajax": {
"url": "1.json",
//如果上面的地址是一个json文件,type只能是get
"type":"get",
//dataSrc是从服务器接受的数据(名称、格式)
//如果服务器返回的是一个纯数组值就给成“”,
//如果返回的是一个对象,这里就写成具体的要使用那个数据
//例如:假设传回的集合是{tableData:[{...},{...}],page:{...},...}
//就要把 "dataSrc": "tableData" ;
"dataSrc":""
//data是设置发送给服务器的数据(名称、格式)
//"data": function (d) {//如果是需要传递参数的地址,在这里传参数
// }
//success是获取数据成功后的回调函数
//success:function(){}
},
"processing": true, //在加载数据的时候显示处理中
//"serverSide": true, //开启服务器模式
//"bFilter": false,
//"bautowidth":true, //是否自动适应屏幕大小分配宽度
//"sServerMethod": "POST",
"scrollY": "500px",//加的超出这个指定高度后后滚动;
"scrollCollapse": "true",//和scrollY搭配使用防止出现空白
"paging": "false",//不分页
"aaSorting": [[1, "desc"]],//要在初始化时就指定默认以哪一列来排序,和排序方式
"columns": [//具体的每一列对应的值是什么的设置
{ data: "firstname",
orderable: false,//不排序
render: function (data, type, row) {
if (data === "liu") {
var da = "liu222";
return da;
} else {
return "";
}
}
},
{ data: "firstname",
orderable: false,
render: function (data, type, row) {
if (data === "liu") {
var da = "liu222";
return da;
} else {
return "";
}
}
}
]
})
})
</script>
</body>
</html>
最新文章
- Tomcat version 7.0 only support J2EE 1.2。。。。。。。
- Scalaz(16)- Monad:依赖注入-Dependency Injection By Reader Monad
- IIS中ASP.NET安全配置
- App 打包并跳过 AppStore 的发布下载
- HTML 编辑基础
- Mybatis学习记录(六)----Mybatis的高级映射
- 【bzoj3150】 cqoi2013—新Nim游戏
- IP分片浅析
- mysql 学习心得 [学习]
- MySQL 日志的类型
- 一次完败的Release
- C# [LINQ] Linq Expression 获取多格式文件
- leetcode中的python学习
- Openlayer3中应用的技术
- Android apk互调
- mysql 在 win 安装 最全攻略(附转载的乱码终极解决方案)以及解决data too long for column &#39;name&#39; at row 1, 一种可能就是因为编码一致性问题.
- 自定义MVC框架之工具类-分页类的封装
- 常用软件安装及VS插件工具
- JS-Object(2) 原型对象 ,prototype属性。
- Mac 终端便利工具: 管理工具-Homebrew 和提示工具oh my zsh