jQuery Datatables 动态列+跨列合并的示例分析

发布时间：2021-05-27 14:43:34

来源：亿速云

阅读：58

作者：小新

小编给大家分享一下jQuery Datatables 动态列+跨列合并的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

有时候需要用到

html<?php  echo $thead_key;?><?php  endif;?>">

<?php  echo $thead_num;?><?php  endif;?>">

">

js代码基于jqueryvar oTable = null;

var initTable = function()

{

var thead_key = $("#thead_key").val();

var thead_num = $("#thead_num").val();

thead_key = thead_key.split(',');

var column_names = new Array();

for(var i=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]);

})

},

});

}

效果图：

以上是“jQuery Datatables 动态列+跨列合并的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！