js前台导出数据到excel，兼容ie及google内核

最新推荐文章于 2024-05-07 14:45:30 发布

省思

最新推荐文章于 2024-05-07 14:45:30 发布

阅读量2.4k

点赞数 1

分类专栏： poi

本文链接：https://blog.csdn.net/hjh908778/article/details/79135978

版权

1.使用方式：
將此方法建立js文件，在需要前台导出的页面中引用此js，调用exportexcel(tableid)方法，tableid为需要导出到excel的table表id。即可导出。
2.适用范围：
导出原理为将页面上的table显示内容复制到excel中，所以，此excel导出为所见即所得，只能导出本页数据，如果是分页数据的话，不能导出下一页的内容。此方法兼容性一般，适用于复杂表头的简单内容导出，对google内核支持较好，亲测支持ie10，ie11及以上。目前不支持edge的导出。

function exportexcel(tableid) {
   //拷贝到整个系统中
            //IE
            if(navigator.userAgent.indexOf("MSIE") >= 0) 
            {
                getXlsFromTbl(tableid,null);
            }
            //google
            else
            {
                tableToExcel(tableid)
            }
        }

function Cleanup() {
   
            window.clearInterval(idTmr);
            CollectGarbage();
}
//google方法
var tableToExcel = (function() {
   
     var uri = 'data:application/vnd.ms-excel;base64,',
     template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--><meta charset="UTF-8"></head><body><table>{table}</table></body></html>',
                base64 = function

最低0.47元/天解锁文章

省思

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
js前台导出数据到excel，兼容ie及google内核

1.使用方式：將此方法建立js文件，在需要前台导出的页面中引用此js，调用exportexcel(tableid)方法，tableid为需要导出到excel的table表id。即可导出。 2.适用范围：导出原理为将页面上的table显示内容复制到excel中，所以，此excel导出为所见即所得，只能导出本页数据，如果是分页数据的话，不能导出下一页的内容。此方法兼容性一般，适用于复杂表头的
复制链接

扫一扫