datatables分页
2024-10-08 09:35:30
一万条以下
var dataTables = $('#dataTables').DataTable();
一万条以上
var dataTables = $('#dataTables').DataTable({
oLanguage: {
"sProcessing": "处理中...",
"sLengthMenu": "显示 _MENU_ 项结果",
"sZeroRecords": "没有匹配结果",
"sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
"sInfoEmpty": "显示第 0 至 0 项结果,共 0 项",
"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
"sInfoPostFix": "",
"sSearch": "搜索:",
"sUrl": "",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "上页",
"sNext": "下页",
"sLast": "末页"
}
},
"lengthMenu": [[, , , ], ['', '', '', '']], // 每页显示数量
serverSide: true,
ajax: {
"url" : '{:url("getDataByAjax")}',
"type": 'post',
// 传递给服务器的参数
"data": function(data) {
// data参数代表是datatable插件要发送给后台的数据,如果有其他的数据要传递给后台,我们直接在该对象上面进行设置即可
// 告诉后台 1. 当前页 2. 每页显示数据
data.pageSize = data.length;
data.page = data.start >= data.length ? Math.ceil( data.start / data.length
) + : ;
data.keyword = $("#keyWord").val(); // 直接在这里传递
}
},
searching: false, // 关闭自带搜索
// 默认排序规则:按照id做降序排列
order: [[ , 'desc' ]],
//columnDefs: [{ "orderable": false, "targets": [0,5,4,9] }],
columns: [
{data: 'id'}, // 定义一列
{data: 'nickname'}, // 定义一列
{data: 'headimgurl'},
{data: 'integrate'}, // 定义一列
{data: 'type_name'}, // 定义一列
{data: 'ctime'},
{data: 'remark'}
],
createdRow: function(row, data){
// console.log( row ); tr
// 操作第一列 td 下标为 0
$row = $(row);
$row.find('td').eq('').html("<img src='"+data['headimgurl']+"' style='width: 50px;height: 50px'>");
}
});
最新文章
- Linux标准输入输出
- OC 内存泄露 自动释放池
- SU unisam命令学习
- Jmeter组件2. Timer 定时器
- NetworkComms网络通信框架V3结构图
- C# IList<;T>;转为DataTable
- jQuery绑定事件的四种基本方式
- java利用url实现网页内容的抓取
- PHP获取Post的原始数据方法小结(POST无变量名)
- (转载)Oracle12g安装图解与安装过程常见问题注意事项
- mysql新手入门随笔3
- RAP在线接口管理统计部署
- eclipse 中修改项目名称,启动tomct原项目找不到的问题
- View体系第一篇:基础
- Arduino SD卡 列出文件
- 使用selenium模拟登陆oschina
- C语言函数调用栈(一)
- (转)request模拟知乎登录(无验证码机制
- 读jQuery源码释疑笔记
- Leetcode 526