Datatable 动态列头，动态数据

html

1.放上一个table

对！！！
你没看错 只要一个 table
其他thead tr th colgroup 统统不用放
放个table 给个 id 告诉 datatable 加载在哪里就可以了

 <table id="event_table"  >
     <thead>
     </thead>
 </table>

js

2. 初始化这个 datable
   columns：这个里面是放
   dataSet：这个里面是数据 就是你所要展示的数据

// 这个就是加载的表头   一定要是这个对象的格式  一定要有title  !!!!!  对象里面有了title  你要加啥都可以 
var columns=[
	{title:"编号"},
	{title:"来源"},
	{title:"客户名称"},
	{title:"故障主题"},
    ]

//这里是数据  就是光光的数据  别的都不要多放 不然会加载有问题 
//我这里是写死了，你可以从数据库里取啊
var dataSet=[
     ['20180703001','监控发现','云惠','事件单加载异常'],
     ['20180703002','故障申报','新世纪','待办未刷新'],
     ['20180703003','故障申报','新世纪','待办未刷新'],
    ]

//最后再这个整合一下子 
$('#event_table').DataTable( {
        data: dataSet,
        columns: columns
    } );

//你也可以直接这么 ajax 获取  我个人就比较喜欢这么写
$('#event_table').DataTable( {
        ajax: function (data, callback, settings) {
                    //....省略一些 
                    gather.json(basePath + '/dynamic/getDataList', param, function (res) {
                    //这个就是一个ajax 异步请求数据的方法 ，你们直接写个ajax 就行
                    //这个 res  ==  dataSet
                        callback(res);
                    })
                },,
        columns: columns
    } );

这个是dataTable的学习地址 中文地址 英文地址