dataTable动态表头的示例分析

这篇文章主要介绍dataTable动态表头的示例分析，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

　　页面首次加载数据能正常展示，而是第二次的数据通过ajax来获取数据，后端数据返回正常；且使用Datatable.clear()清除了表中行、Datatable生成的实例也使用destroy()销毁了；这两步骤下，table的表头还是存在；此时我使用$('#example').empty()将表头结构也去除了

　　dataTable动态表头jsp部分（此处只有table其他无关）：

　　<tableid="dataTable"class="tabletable-stripedtable-listtable-bordered"width="100%">

　　<thead>

　　<trid="colTr">

　　</tr>

　　</thead>

　　<tbodyid="colTb">

　　</tbody>

　　</table>

　　dataTable动态表头js部分：

　　//datatable表头

　　vardataTable;

　　$(function(){

　　//查询按钮

　　$("#searchBtn").click(function(){

　　debugger;

　　init();

　　});

　　})

　　java后台返回数据

　　List<数据实体类>list=newArrayList<TStdataTypeEntity>();

　　List<列名实体类>listcolu=newArrayList<TColuEntity>();

　　Map<String,Object>map=newHashMap<String,Object>();

　　 map.put("data",list);//table数据

　　 map.put("colist",listcolu);//表头列名

　　 returnmap;

　　列名实体类：privateStringcolumn_en;//列名中文名对应obj[i].column_en

　　privateStringcolumn_cn;//列名英文名对应obj[i].column_cn

以上是“dataTable动态表头的示例分析”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！