最左边两列是固定列
<div class="col-sm-12">
<table class="table table-hover" id="dataTable" border="1">
<thead>
<tr>
<td colspan="7">注：1、5月网格数字化业务考核目标随单元考核目标的调整而调整。<br />2、5月新增发展中新入网5G融合套餐按1:3计算完成量。请阅知。
</td>
<td colspan="11">完成量</td>
<td colspan="11">完成率</td>
</tr>
<tr>
<th class="">单元</th>
<th class="">网格</th>
<th class="">营业厅</th>
<th class="">渠道经理</th>
<th class="">渠道经理电话</th>
<th class="">渠道类型</th>
<th class="">新增发展</th>
<th class="">宽带新增</th>
<th class="">电视新增</th>
<th class="">家庭组网</th>
<th class="">移动看家</th>
<th class="">电视会员</th>
<th class="">数字业务</th>
<th class="">终端5G</th>
<th class="">终端5G合约</th>
<th class="">家庭网</th>
<th class="">超值版一网通</th>
<th class="">新增发展</th>
<th class="">宽带新增</th>
<th class="">电视新增</th>
<th class="">家庭组网</th>
<th class="">移动看家</th>
<th class="">电视会员</th>
<th class="">数字业务</th>
<th class="">终端5G</th>
<th class="">终端5G合约</th>
<th class="">家庭网</th>
<th class="">超值版一网通</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
$(function() {
initTable();
})
function initTable() {
$("#dataTable").dataTable().fnClearTable();
var thead = '<thead>'
+ '<tr>'
+ ' <td colspan="7">注：1、5月网格数字化业务考核目标随单元考核目标的调整而调整。<br/>2、5月新增发展中新入网5G融合套餐按1:3计算完成量。请阅知。</td>'
+ ' <td colspan="11">完成量</td>'
+ ' <td colspan="11">完成率</td>'
+ '</tr>'
+ '<tr>'
+ ' <th class="">单元</th>'
+ ' <th class="">网格</th>'
+ ' <th class="">营业厅</th>'
+ ' <th class="">渠道经理</th>'
+ ' <th class="">渠道经理电话</th>'
+ ' <th class="">渠道类型</th>'
+ ' <th class="">新增发展</th>'
+ ' <th class="">宽带新增</th>'
+ ' <th class="">电视新增</th>'
+ ' <th class="">家庭组网</th>'
+ ' <th class="">移动看家</th>'
+ ' <th class="">电视会员</th>'
+ ' <th class="">数字业务</th>'
+ ' <th class="">终端5G</th>'
+ ' <th class="">终端5G合约</th>'
+ ' <th class="">家庭网</th>'
+ ' <th class="">超值版一网通</th>'
+ ' <th class="">新增发展</th>'
+ ' <th class="">宽带新增</th>'
+ ' <th class="">电视新增</th>'
+ ' <th class="">家庭组网</th>'
+ ' <th class="">移动看家</th>'
+ ' <th class="">电视会员</th>'
+ ' <th class="">数字业务</th>'
+ ' <th class="">终端5G</th>'
+ ' <th class="">终端5G合约</th>'
+ ' <th class="">家庭网</th>'
+ ' <th class="">超值版一网通</th>'
+ '</tr>'
+ '</thead>';
$("#dataTable").html(thead);
$('#dataTable').DataTable({
info : true,
destroy : true,
paging : true,
ordering : false,
searching : false,
lengthChange : true,
pagingType : "simple_numbers",
lengthMenu : [ 20, 50, 100 ],
language : {
"sProcessing" : "处理中...",
"sLengthMenu" : "显示 _MENU_ 项结果",
"sZeroRecords" : "没有匹配结果",
"sInfo" : "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
"sInfoEmpty" : "显示第 0 至 0 项结果，共 0 项",
"sInfoFiltered" : "(由 _MAX_ 项结果过滤)",
"sInfoPostFix" : "",
"sSearch" : "搜索:",
"sUrl" : "",
"sEmptyTable" : "表中数据为空",
"sLoadingRecords" : "载入中...",
"sInfoThousands" : ",",
"oPaginate" : {
"sFirst" : "首页",
"sPrevious" : "上页",
"sNext" : "下页",
"sLast" : "末页"
}
},
ajax : {
url : '/alad/wgydkh/list3',
type : 'post',
data : function(d) {
d.stat_date = $("#stat_date").val();
},
dataSrc : '',
},
bStateSave : true,
scrollX : true,
bAutoWidth : false,
fixedColumns : {
//固定列的配置项
leftColumns : 1,//-1第一列不固定，默认固定第一列
leftColumns : 2
//固定右边第一列
},
columns : [ {
title : '营业厅',
data : 'YYT',
className : ''
}, {
title : '单元',
data : 'DY',
width : ""
}, {
title : '网格',
data : 'WG',
className : ''
}, {
title : '渠道经理',
data : 'QDJL',
className : ''
}, {
title : '渠道经理电话',
data : 'QDJLDH',
className : ''
}, {
title : '渠道类型',
data : 'QDLX',
className : ''
}, {
title : '新增发展',
data : 'XZFZ_C',
className : ''
}, {
title : '宽带新增',
data : 'KDXZ_C',
className : ''
}, {
title : '电视新增',
data : 'DSXZ_C',
className : ''
}, {
title : '家庭组网',
data : 'JTZW_C',
className : ''
}, {
title : '移动看家',
data : 'YDKJ_C',
className : ''
}, {
title : '电视会员',
data : 'DSHY_C',
className : ''
}, {
title : '数字业务',
data : 'SZYW_C',
className : ''
}, {
title : '终端5G',
data : 'ZD5G_C',
className : ''
}, {
title : '终端5G合约',
data : 'ZD5GHY_C',
className : ''
}, {
title : '家庭网',
data : 'JTW_C',
className : ''
}, {
title : '超值版一网通',
data : 'CZBYWT_C',
className : ''
}, {
title : '新增发展',
data : 'XZFZ_A',
className : ''
}, {
title : '宽带新增',
data : 'KDXZ_A',
className : ''
}, {
title : '电视新增',
data : 'DSXZ_A',
className : ''
}, {
title : '家庭组网',
data : 'JTZW_A',
className : ''
}, {
title : '移动看家',
data : 'YDKJ_A',
className : ''
}, {
title : '电视会员',
data : 'DSHY_A',
className : ''
}, {
title : '数字业务',
data : 'SZYW_A',
className : ''
}, {
title : '终端5G',
data : 'ZD5G_A',
className : ''
}, {
title : '终端5G合约',
data : 'ZD5GHY_A',
className : ''
}, {
title : '家庭网',
data : 'JTW_A',
className : ''
}, {
title : '超值版一网通',
data : 'CZBYWT_A',
className : ''
}, ],
});
}
