分享Datatable插件的使用教程
程序员文章站
2022-04-15 09:37:31
...
gridyxz = $("#sjjg_table_yxz").DataTable({
"searching" : false,
"info" : false,
"ajax" : url,
"destroy":true,
"columns" :[
{ "data":null,
"sortable" : false,
"searchable" : false,
},
{ "data":"orgno",
"sortable" : false,
"searchable" : false
},
{ "data":"orgname",
"sortable" : false,
"searchable" : false
}
],
"columnDefs": [{
"render": function(data, type, row) {
return "<div class='checker'>" +
"<span><input type='checkbox' class='inpcheck' /></span>" +
"</div>" +
"<span style='margin-left:10%;'>" + data.jgtzno +"</span>";
},
"targets": 0
}],
});
"searching" : false,
"info" : false,
"ajax" : url,
"destroy":true,
"columns" :[
{ "data":null,
"sortable" : false,
"searchable" : false,
},
{ "data":"orgno",
"sortable" : false,
"searchable" : false
},
{ "data":"orgname",
"sortable" : false,
"searchable" : false
}
],
"columnDefs": [{
"render": function(data, type, row) {
return "<div class='checker'>" +
"<span><input type='checkbox' class='inpcheck' /></span>" +
"</div>" +
"<span style='margin-left:10%;'>" + data.jgtzno +"</span>";
},
"targets": 0
}],
});
创建出来的比较简洁表格
--------------------------------------
附上官网的地址
http://www.datatables.club/
也可以在百度中搜索datatable中文网
这个很重要 建议先看这个 - 主要的配置
这个是实现,增删改查的。
--------------------------------------------------------
注 : 这个是本人的学习之后的感觉重要的东西,有不对请指正
以上就是分享Datatable插件的使用教程的详细内容,更多请关注其它相关文章!
推荐阅读
-
Spring学习笔记之RedisTemplate的配置与使用教程
-
MySQL的源码安装及使用UDFs进行数据自动更新的教程
-
MyBatis_Generator插件的安装以及简单使用方法(图解)
-
Android Studio中ButterKnife插件的安装与使用详解
-
iOS开发之topLayoutGuide和bottomLayoutGuide的使用小技巧分享
-
SQLServer 2005 自动备份数据库的方法分享(附图解教程)
-
分享关于JAVA 中使用Preferences读写注册表时要注意的地方
-
vue.js表单验证插件(vee-validate)的使用教程详解
-
使用ASP.NET中关于代码分离的实例分享
-
RedHat下MySQL的基本使用方法分享