欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

分享Datatable插件的使用教程

程序员文章站 2022-04-01 13:57:29
...
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
}],

});

创建出来的比较简洁表格

--------------------------------------

附上官网的地址

http://www.datatables.club/
也可以在百度中搜索datatable中文网

分享Datatable插件的使用教程

这个很重要 建议先看这个 - 主要的配置

分享Datatable插件的使用教程

这个是实现,增删改查的。

--------------------------------------------------------

注 : 这个是本人的学习之后的感觉重要的东西,有不对请指正

以上就是分享Datatable插件的使用教程的详细内容,更多请关注其它相关文章!