全国服务热线:4008-888-888

公司新闻

HR招骋微信小程序_jQuery Datatables 动态列+跨列合并

jQuery Datatables 动态列+跨列合并实现代码       这篇文章主要介绍了jQuery Datatables 动态列+跨列合并实现代码,需要的朋友可以参考下
 input type="hidden" name="thead_key" id="thead_key" value=" php if(isset($thead_key)): php echo $thead_key; php endif; " 
 input type="hidden" name="thead_num" id="thead_num" value=" php if(isset($thead_num)): php echo $thead_num; php endif; " 

php if(isset($thead_arr)): th colspan=" php echo count($thead_arr); " div align="center" 校区 /div /th php endif; /tr php if(isset($thead_arr)): php foreach($thead_arr as $val): th div align="center" php echo $val; /div /th php endforeach; php endif; /thead /table

js代码基于jquery

var 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)
 $('(aData.memo);
 $.each(thead_key, function(i, args)
 $('(aData["t_"+args]);
 }

效果图:

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




在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服