tableExport.js导出table到excel（可指定行、列）

朴灿烈づ我的快乐病毒、 2023-01-12 11:53 441阅读 0赞

1，需要导入两个js文件，tableExport.js（导出数据和核心类库）、query.base64.js（是为了避免导出中文时乱码的js文件，如果你导出的数据没有中文，可以不适用它）。

说明：只能对table标签进行操作

2，导入以上两个js后，为下载按钮绑定事件，如下代码是最简单的导出配置

//文件导出--------------------------  
$("\#btnExport").click(function()\{  
      $("table\[class!=table-copy\]").tableExport(\{  
            type: 'excel',  
            ignoreRow: \[1,2\],//不导出的行：从0开始  
            ignoreColumn: \[5\],//不导出的列：从0开始，忽略第5列   
            htmlContent: true,  
            fileName: title,//文件名  
            worksheetName: title,//sheet表的名字  
            excelstyles: \['text-align', 'font-size', 'font-weight', 'line-height', 'border-collapse', 'height', 'overflow', 'white-space', 'text-overflow'\],  
        \});  
    \});

说明：

1）table可以指定ID，只导出一个table的数据；

2）ignoreColumn对合并列的数据部分无效，导出前需要手动将不需要导出的列的td内容置空；

3）不支持导出选择的radio、CheckBox值，导出前需手动去除未选择的值。

var preHtml = $("\#tableResult").html();

//处理radio、checkbox导出只选中的值  
        if (jcfs == "1023") \{//CheckBox只显示已选中的值  
            $("\#tableResult").find("td\[colunnum='2'\]").each(function () \{  
                var checkedName = $(this).find("input\[name='checkedName'\]")\[0\];  
                $(this).html($(checkedName).val());  
            \})  
        \} else if (jcfs == "1024") \{//radio：只显示选中的值  
            $("\#tableResult").find("td\[class='radioHCB'\]").each(function () \{  
                $(this).html($(this).attr("jgmc"));  
            \})  
        \}

//导出后再将table赋值原始的值

$("\#tableResult").html(preHtml);