datatables初始化用法
var recordTable =
$('#record_table').DataTable({
"fnInitComplete": function () { //表格初始化完成后调用的回调方法
if ($('#record_table .dataTables_empty').length != 0) {
$('#record_table .odd').children().attr("colspan", 6);
}
},
bAutoWidth: false,
"bStateSave": true,
"aaSorting": [],
"oLanguage": {
"sSearch": "搜索",
"sLengthMenu": "每页显示 _MENU_ 条记录",
"sZeroRecords": "没有记录",
"sInfo": "从 _START_ 到 _END_ / 共 _TOTAL_ 条",
"sInfoEmpty": "显示0条记录",
"oPaginate": {
"sPrevious": "上一页",
"sNext": "下一页"
}
},
select: {
style: 'multi'
},
destroy: true,//每次重新加载
"aoColumns": [
{ "sDefaultContent": '', "width": "5%", "bSortable": false, "sClass": "text-left" },
{ "data": 'userName', "width": "19%", "bSortable": false, "sClass": "text-left" },
{ "data": 'followTime', "width": "19%", "bSortable": false, "sClass": "text-left" },
{
"data": 'certClass', "width": "19%", "bSortable": false, "sClass": "text-left",
"render": function (data, type, full, meta) {
if (data == 0)
return '未认证';
else if (data == 1) return '普通认证';
else if (data == 2) return '高级认证';
else if (data == 5) return '认证未通过';
}
},
{
"data": 'followMethod', "width": "19%", "bSortable": false, "sClass": "text-left",
"render": function (data, type, full, meta) {
var newData = data.replace('1', '电话').replace('2', '短信').replace('3', '邮件').replace('4', '平台即时通讯');
return newData;
}
},
{
"data": 'followRemark', "width": "19%",
"bSortable": false,
"sClass": "text-left position",
"render": function (data, type, full, meta) {
if (data == null) data = "";
return '<div class="text-hidden ellipsis" >' + data + '</div> ';
}
}
],
"columnDefs": [{
"searchable": false,
"orderable": false,
"targets": 0,
}
]
,
"bProcessing": true,
"ajax": {
"url": '/EnterpriseUsers/GetEnterUsersFollowList',
"type": 'POST',
"data": { "enterNum": enterNum },
"dataSrc": function (json) {
if (!json.data) {
json.data = [];
}
return json.data;
}
},
});
recordTable.on('order.dt search.dt', function () {
recordTable.column(0, { search: 'applied', order: 'applied' }).nodes().each(function (cell, i) {
cell.innerHTML = i + 1;
});
}).draw();
更多资料查阅网址:http://datatables.club/example/#data_sources
datatables初始化用法的更多相关文章
- JQuery插件之Jquery.datatables.js用法及api
1.DataTables的默认配置 $(document).ready(function() { $('#example').dataTable(); } ); 示例:http://www.guoxk ...
- jquery.dataTables的用法
写页面前端时,使用表格的插件可以快速漂亮的排版.本例子中使用jquery.dataTables来处理table.直接来点干货 html代码如下 <table cellpadding=" ...
- dataTables的用法
原地址:http://blog.csdn.net/mickey_miki/article/details/8240477 1.DataTables的默认配置 $(document).ready(fun ...
- DataTables 1.10.x与1.9.x参数名对照表
Datatables 1.10.x在命名上与1.9.x的有区别,新版的使用的是驼峰的命名规则,而之前的是采用匈牙利命名规则 当然,这些变化都是向下兼容的,你可以继续使用旧版本的api方法的参数和名称. ...
- Datatables JQuery插件
Datatables是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能. 分页,即时搜索和排序 几乎支持任何数据源:DOM, javascript, Ajax ...
- datatables增删改查的实现
学习可参考:http://www.guoxk.com/node/jquery-datatables http://yuemeiqing2008-163-com.iteye.com/blog/20069 ...
- Datatables回调函数中文
Datatables——回调函数 ------------------------------------------------- fnCookieCallback:还没有使用过 $(documen ...
- jquery dataTables.min.js API
demo: http://datatables.net/release-datatables/examples/api/select_single_row.html 选择一行http://datata ...
- Datatables中文API——回调函数
fnCookieCallback:还没有使用过 $(document).ready(function () { $('#example').dataTable({ "fnCookieCall ...
随机推荐
- 单硬盘根分区扩容(非LVM)
单用户模式(内核参数末尾加single)救援模式(用光盘启动,选第三个,rescue installed system) 救援模式有什么作用: 1可以更改root密码:2恢复硬盘.文件系统操作:3系统 ...
- PorterDuffXfermode的模式取值
PorterDuffXfermode(Mode mode) PorterDuff.mode.XXX取值有: 1.PorterDuff.Mode.CLEAR 所绘制不会提交到画布上. 2.PorterD ...
- fileBeat的简单使用
Beat的简单使用 Filebeat配置 Output 常见日志格式封装 简单使用filebeat格式化nginx日志 Filebeat的配置: # 修改filebeat.yml # vim file ...
- 学成在线_nginx遇到的问题
下载nginx:http://nginx.org/en/download.html 下载了最新的稳定版本 安装目录内运行nginx.exe 一直运行不起来.进程里面也没有这个进程.我把本机的IIS的8 ...
- 阶段5 3.微服务项目【学成在线】_day16 Spring Security Oauth2_12-SpringSecurityOauth2研究-JWT研究-生成私钥和公钥
3.6.3 JWT入门 Spring Security 提供对JWT的支持,本节我们使用Spring Security 提供的JwtHelper来创建JWT令牌,校验JWT令牌 等操作. 3.6.3. ...
- Window和Linux文件共享
一.先设置window上的目录共享 1.1.右击文件要共享的文件夹,选择属性 1.2.设置要共享给的用户和设置用户操作权限 二.安装CIFS共享服务 sudo yum -y install cifs- ...
- 123457123457---com.threeapp.ShuiShiYanLiWang01----谁是眼力王
com.threeapp.ShuiShiYanLiWang01----谁是眼力王
- Docker 容器的通信(十二)
目录 一.容器间通信 1.IP 通信 2.Docker DNS Server 3.joined 容器 二.容器访问外部网络 三.外部网络访问容器 1.随机端口 2.指定端口 3.不指定任何端口. 4. ...
- Hadoop概念学习系列之Hadoop、Spark学习路线
1 Java基础: 视频方面: 推荐<毕向东JAVA基础视频教程>.学习hadoop不需要过度的深入,java学习到javase,在Java虚拟机的内存管理.以及多线程. ...
- JS CSS写下拉菜单 竖行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...