jquery
  • html
  • 2017-09-26 54 views -1 likes 
    -1

    我有两个jQuery UI界面,每个界面都有一个html表格,这个脚本只是下载这两个表格,我怎样才能让它只下载活动选项卡的表格才能出色?html表格下载为xlsx

    $("#btnExport").click(function(e) { 
          e.preventDefault(); 
          //getting data from our table 
          var data_type = 'data:application/vnd.ms-excel'; 
          var table_div = document.getElementById('tabs'); 
          var table_html = table_div.outerHTML.replace(/ /g, '%20'); 
    
          var a = document.createElement('a'); 
          a.href = data_type + ', ' + table_html; 
          a.download = 'exported_table_' + Math.floor((Math.random() * 9999999) + 1000000) + '.xlsx'; 
          a.click(); 
          }); 
    

    小提琴链接:https://jsfiddle.net/d19918/nz1yc3x0/10/

    +1

    这是aweful代码。这是混合香草,混合jquery和没有java所有:) – Alex

    回答

    2

    你只需要得到正确的标签:

    var table_div = document.querySelector("#tabs [aria-hidden='false']"); 
    

    演示:https://jsfiddle.net/nz1yc3x0/13/

    +0

    作为excel下载后,名称和ID打印在底部,它应该在第一行 –

    +0

    它是。它从一开始就一直如此,因为在所有行之后最后加上了''。如果您希望标题出现在导出的Excel中,请在添加行之前先添加它:https://jsfiddle.net/nz1yc3x0/14/ – AVAVT

    相关问题