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. 阶段5 3.微服务项目【学成在线】_day09 课程预览 Eureka Feign_05-Feign远程调用-客户端负载均衡介绍

    2 Feign远程调用 在前后端分离架构中,服务层被拆分成了很多的微服务,服务与服务之间难免发生交互,比如:课程发布需要调用 CMS服务生成课程静态化页面,本节研究微服务远程调用所使用的技术. 下图是 ...

  2. Web登录验证之 Shiro

    1.需要用到的shiro相关包 <!-- shiro begin --> <dependency> <groupId>org.apache.shiro</gr ...

  3. ABAP ole操作1

    转自:https://www.cnblogs.com/jxzhu/p/8708686.html OLE整理: 1.定义,分别对应EXCEL,workbook(工作簿),sheet(页),单元格 DAT ...

  4. Kubernetes简介二

    Kubernetes是什么?Kubernetes是容器集群管理系统,是一个开源的平台,可以实现容器集群的自动化部署.自动扩缩容.维护等功能.通过Kubernetes你可以: 快速部署应用 快速扩展应用 ...

  5. java8中计算两个日期时间LocalDateTime的时间差,格式化成xx年yy月zz日aa时bb分cc秒

    原则上应该适用Period来计算,因为他是专门为这种需求设计的.当时他只能计算到两个时间差的,年月日 传入参数Period.between(LocalDate,LocalDate) 这里是计算两个Lo ...

  6. Oracle ORA-00984: column not allowed here

    ORA-00984错误: 列在此处不允许当数据以char的形式存在时,应加单引号,则插入数据库就不会出现类似错误.

  7. python面向对象内置方法关于属性篇

    1.关于__xxxattr__之__getattr__.__setattr__.__delattr__ 2.关于__xxxitem__之__getitem__.__setitem__.__delite ...

  8. LVS+KeepAlived+Nginx高可用实现方案

    文章目录概念LVSKeepAlived为什么要使用准备软件安装KeepAlived 安装源码安装yum安装服务启动.重启.关闭安装ipvsadmnginx安装防火墙(iptables)防火墙配置(方式 ...

  9. Kotlin教程

    Kotlin是一种静态类型的编程语言,由JetBrains开发.如果你有Java的基础知识,你很快就能学会Kotlin.这个Kotlin教程是为初学者设计的,因此即使您不了解Java,也可以理解Kot ...

  10. URL锚点HTML定位技术机制、应用与问题

    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=3591 一.锚点是什么 ...