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 ...
随机推荐
- C# 将文本写入到文件
将字符串数组写入到文件,每个元素为一行 string[] lines = { "First line", "Second line", "Third ...
- IFC数据模型构件控制
控制ifc构件的隐藏与显示.着色 osg::ref_ptr<osg::Geode> geode1 = new osg::Geode(); osg::ref_ptr<osg::Stat ...
- 分析spring事务@Transactional注解在同一个类中的方法之间调用不生效的原因及解决方案
问题: 在Spring管理的项目中,方法A使用了Transactional注解,试图实现事务性.但当同一个class中的方法B调用方法A时,会发现方法A中的异常不再导致回滚,也即事务失效了. 当这个方 ...
- notepad++(NPP)更换主题颜色
NPP主题网站:https://lonewolfonline.net/notepad-colour-schemes/ 笔者下载了Nord Notepad++ Theme 然后打开%AppData%\N ...
- (一)Rational Rose 2007 下载安装
因为有画UML图的需求,所以得在电脑上安装Rational Rose.开始准备安装Rational Rose 2003,但是破解过程过于繁琐而且似乎一直遇到各种问题,就决定安装Rational Ros ...
- Yarn使用笔记
1.安装需要下载安装包(这里只介绍windows系统的安装) 安装成功,会如图提示! 版本号:Yarn安装包-yarn-0.24.6 安装包下载地址:链接:http://pan.baidu.com/s ...
- 第二十四章 在线会话管理——《跟我学Shiro》
目录贴:跟我学Shiro目录贴 有时候需要显示当前在线人数.当前在线用户,有时候可能需要强制某个用户下线等:此时就需要获取相应的在线用户并进行一些操作. 本章基于<第十六章 综合实例>代码 ...
- iOS-MMDrawerController第三方库的使用(转)
链接:https://github.com/mutualmobile/MMDrawerController ,根据导航item+滚动条progressView实现的手势滑动切换视图的 MMDrawer ...
- charles 文件菜单总结
本文参考:charles 文件菜单总结 一.file(文件菜单) 需要注意的是 "导入"和"导出"这个功能在和别人沟通的时候用, 比如你向第三方工具/类库开发人 ...
- 解决Error: Can't find Python executable "python", you can set the PYTHON env variable
在执行 yarn start时遇到问题, 最后一行提示 Run `npm rebuild node-sass` to download the binding for your current env ...