微客导航 » 文章资讯 » jQuery Datatables 动态列+跨列合并实现代码

jQuery Datatables 动态列+跨列合并实现代码

2023-08-02 14:40:04 309

有时候需要用到

html

">
">






备注明细

">校区

js代码基于jquery

varoTable=null;
varinitTable=function()
{
varthead_key=$("#thead_key").val();
varthead_num=$("#thead_num").val();

thead_key=thead_key.split(',');

varcolumn_names=newArray();
for(vari=0;i<=thead_num;i++)
{
column_names.push({"className":"text-c","sDefaultContent":''})
}

oTable=$(".dataTables_list").dataTable({
"sPaginationType":"full_numbers",
"bLengthChange":true,
"bFilter":false,//搜索栏
"bProcessing":false,
"bPaginate":true,
"bServerSide":true,
"bSort":false,//排序功能
//"iDisplayLength":parseInt("{:config('admin_page_size')}"),
"bAutoWidth":false,
"sAjaxSource":"{:url('edu_report/ajax_school_group_product_list')}",
"aoColumns":column_names,//封装好的数组

//给行赋值
"fnRowCallback":function(nRow,aData,iDisplayIndex)
{
$('td:eq(0)',nRow).html(aData.memo);

$.each(thead_key,function(i,args)
{
$('td:eq('+(i+1)+')',nRow).html(aData["memo_cnt_"+args]);
})
},
});
}

效果图：

主要是参考思路与想法，具体的就介绍到这了，如果有帮助希望以后多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

jQuery Datatables 动态列+跨列合并实现代码

热门推荐

随机推荐