"columns": [
{ "data": "checkbox" },
{ "data": "Uname",
"render":function(data,type,row){
var temp = row.pname+"<p>"+(row.imgs_o==1?'<span style="color:#28a745">有</span>图':'<span style="color:#e25856">无</span>图')+"<br/>"+(row.imgs_w==1?'<span style="color:#28a745">有</span>首':'<span style="color:#e25856">无</span>首')+"<br/>"+(row.imgs_1500==1?'<span style="color:#28a745">有</span>15':'<span style="color:#e25856">无</span>15')+"<br/>"+(row.imgs_10==1?'<span style="color:#28a745">有</span>1000':'<span style="color:#e25856">无</span>10')+"</p>";
return temp;
}
},
{ "data": "name2" },
一开始,只是显示一个单独的值,后期迭代,要在一个td中显示当前的名称,其他选项(仅用作测试时方便查看)
{"data":"返回数据中不存在的一个值","render":function(data,type,row){
//type
row返回的是当前页面表单的所有参数
return 会显示在页面上
}}
//自定义按钮触发datable的搜索
$(".sbtn").on("click",function(){
table.search(true).draw();
})
//翻页去掉全选
$('table').on( 'page.dt', function () {
$('#example thead input[type="checkbox"]').prop("checked", false);
})
//当列表有一个没被选中时,全选按钮去掉
$('#example tbody').on('change', 'input[type="checkbox"]', function(){
// If checkbox is not checked
if(!this.checked){
var el = $('.checkall').get(0);
// If "Select all" control is checked and has 'indeterminate' property
if(el && el.checked && ('indeterminate' in el)){
// Set visual state of "Select all" control
// as 'indeterminate'
el.indeterminate = true;
}
}
});