现在的位置: 首页 > web前端 > 正文

dataTable动态表头

2020年07月16日 web前端 ⁄ 共 887字 ⁄ 字号 评论关闭

  页面首次加载数据能正常展示,而是第二次的数据通过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动态表头给大家简单的介绍了一些,希望大家多看看。

抱歉!评论已关闭.