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初始化用法的更多相关文章

  1. JQuery插件之Jquery.datatables.js用法及api

    1.DataTables的默认配置 $(document).ready(function() { $('#example').dataTable(); } ); 示例:http://www.guoxk ...

  2. jquery.dataTables的用法

    写页面前端时,使用表格的插件可以快速漂亮的排版.本例子中使用jquery.dataTables来处理table.直接来点干货 html代码如下 <table cellpadding=" ...

  3. dataTables的用法

    原地址:http://blog.csdn.net/mickey_miki/article/details/8240477 1.DataTables的默认配置 $(document).ready(fun ...

  4. DataTables 1.10.x与1.9.x参数名对照表

    Datatables 1.10.x在命名上与1.9.x的有区别,新版的使用的是驼峰的命名规则,而之前的是采用匈牙利命名规则 当然,这些变化都是向下兼容的,你可以继续使用旧版本的api方法的参数和名称. ...

  5. Datatables JQuery插件

    Datatables是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能. 分页,即时搜索和排序 几乎支持任何数据源:DOM, javascript, Ajax ...

  6. datatables增删改查的实现

    学习可参考:http://www.guoxk.com/node/jquery-datatables http://yuemeiqing2008-163-com.iteye.com/blog/20069 ...

  7. Datatables回调函数中文

    Datatables——回调函数 ------------------------------------------------- fnCookieCallback:还没有使用过 $(documen ...

  8. jquery dataTables.min.js API

    demo: http://datatables.net/release-datatables/examples/api/select_single_row.html 选择一行http://datata ...

  9. Datatables中文API——回调函数

    fnCookieCallback:还没有使用过 $(document).ready(function () { $('#example').dataTable({ "fnCookieCall ...

随机推荐

  1. 【转载】 AutoML技术现状与未来展望

    原文地址: https://www.cnblogs.com/marsggbo/p/9309520.html ---------------------------------------------- ...

  2. ThinkPhp5 mongodb 使用自定义objectID出错解决

    在Tp5中使用mongodb 使用自定义ObjectId时报错:Cannot use object of type MongoDB\\BSON\\ObjectID as array 查询源码发现在to ...

  3. 21Flutter Drawer侧边栏、以及侧边栏内容布局

    Tabs.dart import 'package:flutter/material.dart'; import 'tabs/Home.dart'; import 'tabs/Category.dar ...

  4. 安装mycat

    1.下载mycat 为了方便,我已经下载下来.我选择的版本是1.6版本 2.解压,安装在/home/xm6f/dev目录下 cd /home/xm6f/devtar -zxvf Mycat-serve ...

  5. 一百四十六:CMS系统之帖子按照发布时间和评论数量排序

    按照不同选项进行排序 视图 @bp.route('/')def index(): board_id = request.args.get('board_id', type=int, default=N ...

  6. web自动化01-自动化解决的问题-环境搭建-元素定位

    自动化测试 概念:由程序代码代替人工完成验证系统功能的过程 解决的问题: 回归测试 压力测试 兼容性测试 提高测试效率,提升产品质量 自动化测试分类 web自动化测试 移动自动化测试 接口自动化测试 ...

  7. 第三方框架MBProgressHUD-----实现各种提示框

    程序运行显示如下 : 点击按钮实现对应的提示框: 这里只截取了其中一张图,有兴趣的可以自己运行程序,查看其他的几种提示框哟!!! 第三方框架MBProgressHUD的下载地址:https://git ...

  8. 上下文管理器之__enter__和__exit__

    目录 前言 with as是如何工作的 自定制open方法 更多的示例 返回主目录 前言 回到顶部 有个学生在第四轮面试中被CTO问到:如何自定义实现with open的功能.然后就一脸懵逼的回来找我 ...

  9. layui监听radio点击事件

    layui.form.on('radio(layui_dataType)', function(data){ console.log(data.elem); //得到radio原始DOM对象 cons ...

  10. 关于AES加密,以及各种分组加密

    http://blog.csdn.net/searchsun/article/details/2516191