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 ...
随机推荐
- HTML5 地理位置定位API(2)
HTML5 Geolocation API (地理位置应用程序接口) 目前PC浏览器支持情况: Firefox 3.5+Chrome 5.0+Safari 5.0+Opera 10.60+Intern ...
- 20Flutter通过TabController定义顶部tab切换,介绍生命周期函数
基本使用: import 'package:flutter/material.dart'; class TabBarControllerPage extends StatefulWidget { Ta ...
- java判断字符串是否中文、日文
直接上代码: import java.io.UnsupportedEncodingException; public class StringUtil { /** * 去掉字符串中的标点符号.空格和数 ...
- C#子线程执行完后通知主线程(转)
其实这个比较简单,子线程怎么通知主线程,就是让子线程做完了自己的事儿就去干主线程的转回去干主线程的事儿. 那么怎么让子线程去做主线程的事儿呢,我们只需要把主线程的方法传递给子线程就行了,那么传递方法 ...
- (十四)Centos之安装vsftp服务
一.为什么要安装vsftp服务 我们需要向centos操作系统的服务器上上传文件或者下载文件,这时候,ftp有必要安装下,我们选择主流的vsftp 二.安装 第一步:安装vsftp yum insta ...
- 【Leetcode_easy】811. Subdomain Visit Count
problem 811. Subdomain Visit Count solution: class Solution { public: vector<string> subdomain ...
- 如何去除PATH里的重复项并排序
注意sed的用法,linux和Mac os不同,linux是Gnu的,Mac是BSD的 PATH排序去掉重复内容 mac和linux的换行符替换方法不一样,如下是Mac下的操作 export PATH ...
- springboot项目自定义注解实现的多数据源切换
一.主要依赖 <parent> <groupId>org.springframework.boot</groupId> <artifactId>spri ...
- linux下的进程通信之信号量semaphore
概念: IPC 信号量和内核信号量非常相似,是内核信号量的用户态版本. 优点:每个IPC信号量可以保护一个或者多个信号量值的集合,而不像内核信号量一样只有一个值,这意味着同一个IPC资源可以保护多个独 ...
- Hanoi II——汉诺塔步数求解进阶问题
在NOJ上遇到关于汉诺塔步数的求解问题 开始读时一脸懵逼,甚至不知道输入的数据是什么意思 题目描述:给出汉诺塔的两个状态,从初始状态移动到目的状态所需要的最少步数 对于初级汉诺塔步数问题,我们可以直接 ...