导出网页中的table到excel

最新推荐文章于 2023-04-27 15:04:13 发布

hgjsoft

最新推荐文章于 2023-04-27 15:04:13 发布

阅读量418

点赞数

分类专栏：网页文章标签： table excel 浏览器报表 javascript jsp

网页专栏收录该内容

0 篇文章 0 订阅

订阅专栏

导出网页中的table到excel的两种简便方法：

1. 纯 JavaScript 方法，缺点只支持IE浏览器

var elTable = document.getElementById("tb");
var oRangeRef = document.body.createTextRange();
oRangeRef.moveToElementText( elTable );
oRangeRef.execCommand( "Copy" );

var appExcel = new ActiveXObject( "Excel.Application" );
appExcel.Visible = true;
appExcel.Workbooks.Add().Worksheets.Item(1).Paste();
appExcel = null;

实现功能就是把id为tb的表格内的数据都生成为excel。

2. 使用JSP的方法，其他语言类似，优点：支持各种浏览器

<%@ page contentType="application/msexcel" %>

<%
   response.setHeader("Content-disposition","inline; filename=test1.xls");
   //以上这行设定传送到前端浏览器时的档名为test1.xls
   //就是靠这一行，让前端浏览器以为接收到一个excel档
%>
<html>
<head>
<title>Excel档案呈现方式</title>
</head>
<body>
<table border="1" width="100%">
    <tr>
      <td>姓名</td><td>身份证字号</td><td>生日</td>
    </tr>
    <tr>
      <td>李玟</td><td>N111111111</td><td>1900/11/12</td>
    </tr>
    <tr>
      <td>梁静如</td><td>N222222222</td><td>1923/10/1</td>
    </tr>
    <tr>
      <td>张惠妹</td><td>N333333333</td><td>1934/12/18</td>
    </tr>
</table>
</body>
</html>

二、将网页资料以excel报表以下载的方式呈现
这个jsp档和上一个差不多，只有差别在这一行：
线上浏览的方式： response.setHeader("Content-disposition","inline; filename=test1.xls");
下载的方式： response.setHeader("Content-disposition","attachment; filename=test2.xls");
附注：
1.以上纯以静态网页的方式呈现excel档，配合资料库，你便能以动态的报表方式做出excel报表了
2.完全不用安装任何元件，或只能受限於win平台，一个简单的方式解决你的报表需求
3.聪明的你，应该能举一反三，知道如何将网页资料以word的doc格式展现了吧！
(是不是只要把contentType改成"application/msword"以及filename的副档名改成.doc就可以了！)