如何将表格从网页导出到 Excel。我希望导出包含所有格式和颜色。
【问题讨论】：
<td style="background-color: ...
标签： javascript jquery export-to-excel
从表格到 Excel 的最简洁、最简单的导出方法是 Jquery DataTables Table Tools plugin. 您将获得一个网格，可以对数据进行排序、过滤、排序和分页，并且只需要几行额外的代码和两个小文件，您可以导出到 Excel、PDF、CSV、剪贴板和打印机。
这就是所有需要的代码：
$(document).ready( function () {
$('#example').dataTable( {
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"sSwfPath": "/swf/copy_cvs_xls_pdf.swf"
}
} );
} );
因此，快速部署、没有浏览器限制、不需要服务器端语言，最重要的是非常容易理解。这是双赢的。不过，它确实有限制的一件事是列的严格格式。
如果格式和颜色是绝对的破坏者，那么我发现的唯一 100% 可靠的跨浏览器方法是使用服务器端语言从您的代码中处理正确的 Excel 文件。我选择的解决方案是PHPExcel，它是迄今为止我发现的唯一一个当您只提供 HTML 时，它可以从任何浏览器积极处理导出到现代版本的 Excel。不过让我澄清一下，它绝对不像第一个解决方案那么容易，而且有点耗费资源。但是，从好的方面来说，它也可以直接输出为 PDF。而且，一旦您对其进行了配置，它每次都能正常工作。
更新 - 2016 年 9 月 15 日： TableTools 已停止使用，取而代之的是名为“buttons”的新插件。这些工具执行与旧 TableTools 扩展相同的功能，但更容易使用安装，他们利用现代浏览器的 HTML5 下载，能够回退到不支持 HTML5 标准的浏览器的原始 Flash 下载。正如您从我 2011 年发布此回复以来的许多 cmets 中看到的那样，TableTools 的主要弱点已得到解决。对于开发人员和用户来说，我仍然不能推荐足够简单的 DataTables 来处理大量数据。
【讨论】：
很久以前，我发现如果我们使用 Excel 内容类型发送一个带有表格的 HTML 文件，Excel 会打开它。考虑上面的文档：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Java Friends</title>
</head>
<body>
<table style="font-weight: bold">
<tr style="background-color:red"><td>a</td><td>b</td></tr>
<tr><td>1</td><td>2</td></tr>
</table>
</body>
</html>
我在上面运行了以下书签：
javascript:window.open('data:application/vnd.ms-excel,'+document.documentElement.innerHTML);
事实上，我将它作为 Excel 文件下载。 但是，我没有得到预期的结果 - 该文件已在 OpenOffice.org Writer 中打开。那是我的问题：我在这台机器上没有 Excel，所以我不能更好地尝试它。此外，这个技巧在 6 年前或多或少适用于旧版浏览器和 MS Office 的旧版，所以我真的不能说它是否适用于今天。
无论如何，在上面的文档中，我添加了一个按钮，理论上可以将整个文档下载为 Excel 文件：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Java Friends</title>
</head>
<body>
<table style="font-weight: bold">
<tr style="background-color:red"><td>a</td><td>b</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr>
<td colspan="2">
<button onclick="window.open('data:application/vnd.ms-excel,'+document.documentElement.innerHTML);">
Get as Excel spreadsheet
</button>
</td>
</tr>
</table>
</body>
</html>
将其保存在文件中，然后单击按钮。我很想知道它是否有效，所以即使你说它无效，我也请你发表评论。
【讨论】：
document.getElementById('id').innerHTML 调用 id 以选择性地仅抓取表格，否则您的所有内容都会导出到电子表格中。但在旧 IE 中不起作用，只是打开一个标题中包含所有 html 的新窗口
可以使用旧的Excel 2003 XML format（在 OpenXML 之前）创建包含所需 XML 的字符串，然后在客户端您可以使用数据 URI 使用 XSL mime 类型打开文件，或发送使用服务器端的 Excel mimetype "Content-Type: application/vnd.ms-excel" 将文件发送到客户端。
<script type="text/javascript">
var worksheet_template = '<?xml version="1.0"?><ss:Workbook xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">'+
'<ss:Styles><ss:Style ss:ID="1"><ss:Font ss:Bold="1"/></ss:Style></ss:Styles><ss:Worksheet ss:Name="Sheet1">'+
'<ss:Table>{{ROWS}}</ss:Table></ss:Worksheet></ss:Workbook>';
var row_template = '<ss:Row ss:StyleID="1"><ss:Cell><ss:Data ss:Type="String">{{name}}</ss:Data></ss:Cell></ss:Row>';
</script>
<script type="text/javascript">
var rows = document.getElementById("my-table").getElementsByTagName('tr'),
row_data = '';
for (var i = 0, length = rows.length; i < length; ++i) {
row_data += row_template.replace('{{name}}', rows[i].getElementsByTagName('td')[0].innerHTML);
}
</script>
收集完信息后，创建最终字符串并使用数据 URI 打开一个新窗口
<script type="text/javascript">
var worksheet = worksheet_template.replace('{{ROWS}}', row_data);
window.open('data:application/vnd.ms-excel,'+worksheet);
</script>
值得注意的是，旧浏览器不支持数据URI方案，因此您可能需要为那些不支持它的浏览器生成文件服务器端。
您可能还需要对数据 URI 内容执行 base64 编码，这可能需要 js library，以及在数据 URI 中的 mime 类型后添加字符串 ';base64'。
【讨论】：
Excel 有一个鲜为人知的功能，称为“Web 查询”，它可以让您从几乎每个网页中检索数据，而无需额外编程。
Web 查询基本上直接从 Excel 中运行 HTTP 请求，并将部分或全部接收到的数据（以及可选的格式）复制到工作表中。
定义网络查询后，您可以随时刷新它，甚至无需离开 Excel。因此，您不必实际“导出”数据并将其保存到文件中 - 您宁愿像从数据库中一样刷新数据。
您甚至可以通过让 excel 提示您某些过滤条件等来使用 URL 参数...
但是到目前为止我注意到的缺点是：
Here 是一个关于如何在 Excel 中创建 Web 查询的问题。它链接到Microsoft Help site about How-To Get external data from a Web page
【讨论】：
这是一个 php，但您也许可以将其更改为 javascript：
<?php>
$colgroup = str_repeat("<col width=86>",5);
$data = "";
$time = date("M d, y g:ia");
$excel = "<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\">
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html>
<head>
<meta http-equiv=\"Content-type\" content=\"text/html;charset=utf-8\" />
<style id=\"Classeur1_16681_Styles\">
.xl4566 {
color: red;
}
</style>
</head>
<body>
<div id=\"Classeur1_16681\" align=center x:publishsource=\"Excel\">
<table x:str border=0 cellpadding=0 cellspacing=0 style=\"border-collapse: collapse\">
<colgroup>$colgroup</colgroup>
<tr><td class=xl2216681><b>Col1</b></td><td class=xl2216681><b>Col2</b></td><td class=xl2216681 ><b>Col3</b></td><td class=xl2216681 ><b>Col4</b></td><td class=xl2216681 ><b>Col5</b></td></tr>
<tr><td class=xl4566>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
</table>
</div>
</body>
</html>";
$fname = "Export".time().".xls";
$file = fopen($fname,"w+");
fwrite($file,$excel);
fclose($file);
header('Content-Type: application/vnd.ms-excel');
header('Content-Disposition: attachment; filename="'.basename($fname).'"');
readfile($fname);
unlink($fname); ?>
【讨论】：
首先，我不建议尝试导出 Html，并希望用户的 Excel 实例能够接受它。我的经验是，这个解决方案充满了问题，包括与 Macintosh 客户端不兼容，并向用户抛出一个错误，即有问题的文件不是指定的格式。最防弹、用户友好的解决方案是服务器端解决方案，您可以在其中使用库来构建实际的 Excel 文件并将其发送回用户。下一个最佳解决方案和更通用的解决方案是使用 Open XML 格式。我遇到了一些罕见的与旧版本 Excel 的兼容性问题，但总的来说，这应该为您提供适用于包括 Mac 在内的任何 Excel 版本的解决方案。
【讨论】：
mozilla 仍然支持 base 64 URI。这允许您使用 javascript 动态组合二进制内容：
<a href="data:application/vnd.ms-excel<base64 encoded binary excel content here>"> download xls</a>
如果您的 excel 文件不是很花哨（没有图表、公式、宏），您可以深入研究格式并为您的文件编写字节，然后使用 base64 对其进行编码并放入 href
【讨论】：
这实际上比您想象的要简单：“只需”将 HTML 表格（即：表格的 HTML 代码）复制到剪贴板中。 Excel 知道如何解码 HTML 表格；它甚至会尝试保留属性。
困难的部分是“将表格复制到剪贴板”，因为没有从 JavaScript 访问剪贴板的标准方法。见这篇博文：Accessing the System Clipboard with JavaScript – A Holy Grail?
现在您只需要 HTML 格式的表格。我建议使用 jQuery 和 html() 方法。
【讨论】：
此代码仅适用于 IE，因此仅在您知道所有用户都将使用 IE 的情况下（例如，在某些公司环境中）才有用。
<script Language="javascript">
function ExportHTMLTableToExcel()
{
var thisTable = document.getElementById("tbl").innerHTML;
window.clipboardData.setData("Text", thisTable);
var objExcel = new ActiveXObject ("Excel.Application");
objExcel.visible = true;
var objWorkbook = objExcel.Workbooks.Add;
var objWorksheet = objWorkbook.Worksheets(1);
objWorksheet.Paste;
}
</script>
【讨论】：
假设：
给定的网址
转换必须在客户端完成
系统为 Windows、Mac 和 linux
Windows 解决方案：
打开ie窗口并可以访问它的python代码： theurl 变量包含 url ('http://')
ie = Dispatch("InternetExplorer.Application")
ie.Visible = 1
ie.Navigate(theurl)
注意：如果页面不能直接访问，但需要登录，则需要通过输入表单数据并使用 python 模拟用户操作来处理此问题
这里是例子
from win32com.client import Dispatch
ie.Document.all('username').value=usr
ie.Document.all('password').value=psw
从网页中检索数据的方式相同。假设 id 为“el1”的元素包含数据。 将元素文本检索到变量中
el1 = ie.Document.all('el1').value
那么当数据在python变量中时，您可以使用python以类似的方式打开excel屏幕：
from win32com.client import Dispatch
xlApp = Dispatch("Excel.Application")
xlWb = xlApp.Workbooks.Open("Read.xls")
xlSht = xlWb.WorkSheets(1)
xlSht.Cells(row, col).Value = el1
Mac 解决方案：
只有提示：使用 AppleScript - 它具有与 win32com.client Dispatch 类似的简单 API
Linux 解决方案：
java.awt.Robot 可能会为此工作，它有点击、按键（可以使用热键），但我知道没有一个适用于 Linux 的 API 可以像 AppleScript 一样简单
【讨论】：
简单的谷歌搜索出现了这个：
如果数据实际上是一个 HTML 页面并且不是由 ASP、PHP 或其他脚本语言创建的，并且您使用的是 Internet Explorer 6，并且您的计算机上安装了 Excel，只需右键单击页面并浏览菜单。您应该看到“导出到 Microsoft Excel”。如果所有这些条件都满足，请单击菜单项，经过几次提示后，它将被导入 Excel。
如果你不能这样做，他提供了另一种“拖放”方法：
【讨论】：
【讨论】：
有两种实用的方法可以自动执行此操作，而在所有浏览器中只能使用一种解决方案。 首先，您应该使用 open xml 规范来构建 excel 工作表。 Microsoft 提供的免费插件使这种格式也可用于旧版办公版本。自office 2007以来，开放xml是标准的。这两种方式很明显是服务器端或客户端。
客户端实现使用新的 CSS 标准，允许您存储数据，而不仅仅是数据的 URL。这是一个很好的方法，因为您不需要任何服务器调用，只需要数据和一些 javascript。致命的缺点是微软在当前的 IE（我不知道 IE9）版本中不支持它的所有部分。 Microsoft 将数据限制为图像，但我们需要一个文档。在Firefox中它工作得很好。对我来说，IE 是杀戮点。
另一种方法是使用服务器端实现。所有语言都应该有很多开放 XML 的实现。你只需要抓住一个。在大多数情况下，修改 Viewmodel 以生成 Document 是最简单的方法，但可以肯定的是，您可以将所有数据从客户端发送回服务器并执行相同操作。
【讨论】：
function normalexport() {
try {
var i;
var j;
var mycell;
var tableID = "tblInnerHTML";
var drop = document.getElementById('<%= ddl_sections.ClientID %>');
var objXL = new ActiveXObject("Excel.Application");
var objWB = objXL.Workbooks.Add();
var objWS = objWB.ActiveSheet;
var str = filterNum(drop.options[drop.selectedIndex].text);
objWB.worksheets("Sheet1").activate; //activate dirst worksheet
var XlSheet = objWB.activeSheet; //activate sheet
XlSheet.Name = str; //rename
for (i = 0; i < document.getElementById("ctl00_ContentPlaceHolder1_1").rows.length - 1; i++) {
for (j = 0; j < document.getElementById("ctl00_ContentPlaceHolder1_1").rows(i).cells.length; j++) {
mycell = document.getElementById("ctl00_ContentPlaceHolder1_1").rows(i).cells(j);
objWS.Cells(i + 1, j + 1).Value = mycell.innerText;
// objWS.Cells(i + 1, j + 1).style.backgroundColor = mycell.style.backgroundColor;
}
}
objWS.Range("A1", "L1").Font.Bold = true;
// objWS.Range("A1", "L1").Font.ColorIndex = 2;
// objWS.Range("A1", "Z1").Interior.ColorIndex = 47;
objWS.Range("A1", "Z1").EntireColumn.AutoFit();
//objWS.Range("C1", "C1").ColumnWidth = 50;
objXL.Visible = true;
} catch (err) {
alert("Error. Scripting for ActiveX might be disabled")
return
}
idTmr = window.setInterval("Cleanup();", 1);
}
function filterNum(str) {
return str.replace(/[ / ]/g, '');
}
【讨论】：