當前位置：首頁 » 編程語言 » html表格導出excel

html表格導出excel

發布時間: 2021-03-24 11:49:22

① 怎樣將html表格導出到excel中啊我用的是asp.net。

<HTML>
<HEAD>
<title>WEB頁面導出為EXCEL文檔的方法
</title>
</HEAD>
<body>
<BR>
<table id = "PrintA" width="100%" border="1" cellspacing="0" cellpadding="0" bgcolor = "#61FF13">
<TR style="text-align : center;">
<TD>單元格</TD>
<TD>單元格A</TD>
<TD>單元格A</TD>
<TD>單元格A</TD>
</TR>
<TR>
<TD colSpan=4 style="text-align : center;"><font color="BLUE" face="Verdana">單元格合並行A</FONT></TD>
</TR>
</TABLE>
<BR>
<table id = "PrintB" width="100%" border="1" cellspacing="0" cellpadding="0">
<TR style="text-align : center;">
<TD>單元格B</TD>
<TD>單元格B</TD>
<TD>單元格B</TD>
<TD>單元格B</TD>
</TR>
<TR>
<TD colSpan=4 style="text-align : center;">單元格合並行B</TD>
</TR>
</TABLE>
<br><br><br>
<input type="button" onclick="javascript:AllAreaWord();" value="導出頁面指定區域內容到Word">
<input type="button" onclick="javascript:AllAreaExcel();" value="導出頁面指定區域內容到Excel">
<input type="button" onclick="javascript:CellAreaExcel();" value="導出表單單元格內容到Excel">
<SCRIPT LANGUAGE="javascript">
//指定頁面區域內容導入Excel
function AllAreaExcel()
{
var oXL = new ActiveXObject("Excel.Application");
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var sel=document.body.createTextRange();
sel.moveToElementText(PrintA);
sel.select();
sel.execCommand("Copy");
oSheet.Paste();
oXL.Visible = true;
}
//指定頁面區域「單元格」內容導入Excel
function CellAreaExcel()
{
var oXL = new ActiveXObject("Excel.Application");
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var Lenr = PrintA.rows.length;
for (i=0;i<Lenr;i++)
{
var Lenc = PrintA.rows(i).cells.length;
for (j=0;j<Lenc;j++)
{
oSheet.Cells(i+1,j+1).value = PrintA.rows(i).cells(j).innerText;
}
}
oXL.Visible = true;
}

//指定頁面區域內容導入Word
function AllAreaWord()
{
var oWD = new ActiveXObject("Word.Application");
var oDC = oWD.Documents.Add("",0,1);
var oRange =oDC.Range(0,1);
var sel = document.body.createTextRange();
sel.moveToElementText(PrintA);
sel.select();
sel.execCommand("Copy");
oRange.Paste();
oWD.Application.Visible = true;
//window.close();
}
</SCRIPT>
</body></html>

② 如何將網頁表格導出到excel

1、首先，在我們的電腦上打開excel2007這款軟體，其主界面如下圖，我們可以看到格式欄和2003版有很大的區別

③ 如何將html轉換成excel

將htm文檔中的表格數據轉換為Excel工作表的具體步驟如下：

一、第一步，打開需要轉換的htm文檔，接下來進入到編輯頁面中，然後點擊打開左上角的文件，如下圖所示。

④ 如何將html里的table導出到Excel-CSDN論壇

將html里的table導出到Excel的方法：
思路：
1、編寫html代碼（注意：contentType="application/msexcel" ）：

2、編寫表格並在每一行設置要導出的數據
3、以下是完整的導出代碼：

<%@ 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>

⑤ 怎麼把html的table 轉換為excel

<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"%>
<!"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Inserttitlehere</title>
<scripttype="text/javascript">
vartableToExcel=(function(){
varuri='data:application/vnd.ms-excel;base64,'
,template='<htmlxmlns:o="urn:schemas-microsoft-com:office:office"xmlns:x="urn:schemas-microsoft-com:office:excel"xmlns="http://www.w3.org/TR/REC-html40"><head><!--[ifgtemso9]><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]--></head><body><table>{table}</table></body></html>'
,base64=function(s){returnwindow.btoa(unescape(encodeURIComponent(s)))}
,format=function(s,c){returns.replace(/{(w+)}/g,function(m,p){returnc[p];})}
returnfunction(table,name){
if(!table.nodeType)table=document.getElementById(table)
varctx={worksheet:name||'Worksheet',table:table.innerHTML}
window.location.href=uri+base64(format(template,ctx))
}
})()
</script>
</head>
<body>
<h1>tableToExcelDemo</h1>
<p>ExportingtheW3CExampleTable</p>

<inputtype="button"onclick="tableToExcel('testTable','W3CExampleTable')"value="ExporttoExcel">

<h4>兩行三列：</h4>
<tableid='testTable'border="1">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>

</body>
</html>

⑥ 如何將html頁面中的表格導出到excel表格

涉及到網抓，這個戳q

⑦ html作為excel導出怎麼設置

目前html是無法導出為excel形式的，可以把excel保存為html格式。
excel表格另存為html網頁方式：
1、用Excel2013打開一篇工作簿，單擊「文件」按鈕，在跳轉到的窗口中選擇「另存為」，然後在窗口的右邊選擇「計算機」。
2、此時會彈出一個「另存為」對話框，我們選好保存的位置後，單擊「保存類型」右側的下拉按鈕，選擇「網頁」項，下面會出現一些需要選擇的信息，我們選擇默認這些信息，然後單擊「保存」按鈕。
3、此時會彈出一個Microsoft Excel提示框，我們單擊「是」按鈕，繼續使用HTML格式。
4、此時桌面上會出現一個後綴名為「.htm」格式的文件和一個文件夾，我們將這個文件拖放到IE瀏覽器中，打開後的效果如下。
5、提示：如果大家只需要發布一張Excel工作表，那麼在第2步的第2張圖片中將「保存」選項修改為「選擇(E)：工作表」，單擊「保存」按鈕後根據提示操作即可。

⑧ jq怎麼把html中的table內的內容導出到excel

用現抄成的襲組件：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="src/jquery.table2excel.js"></script>

點擊button開始導出：

$("button").click(function(){
$("#table2excel").table2excel({
exclude: ".noExl",
name: "Worksheet Name",
filename: "SomeFile"
});
});

下載：ort-Html-Table-To-Excel-Spreadsheet-using-jQuery-table2excel.zip

⑨ 如何將html裡面的table導出成excel

使用table2excel表格插件需要在頁面中引入jquery和jquery.table2excel.js文件。
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.table2excel.js"></script>

HTML結構
你可以將任何標準的HTML表格結構的數據導出到Excel中，一個HTML表格的結構為：
<table>
<thead>
<tr class="noExl">
<td>帶<code>noExl</code>class的行不會被輸出到excel中</td>
<td>帶<code>noExl</code>class的行不會被輸出到excel中</td>
</tr>
<tr>
<td>這一行會被導出到excel中</td>
<td>這一行會被導出到excel中</td>
</tr>
</thead>
<tbody>
<tr>
<td>單元格1-1</td>
<td>單元格1-2</td>
</tr>
<tr>
<td>單元格2-1</td>
<td>單元格2-2</td>
</tr>
<tr>
<td>單元格3-1</td>
<td>單元格3-2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">合並2個單元格</td>
</tr>
</tfoot>
</table>

如果表格中的某一行不需要導出到Excel中，可以為這一行添加.noExl class類，該class類會在插件初始化時通過參數被指定為不被導出的數據。
初始化插件
在頁面DOM元素載入中完畢之後，可以通過下面的方法來初始化table2excel插件。
$("#table2excel").table2excel({
// 不被導出的表格行的CSS class類
exclude: ".noExl",
// 導出的Excel文檔的名稱
name: "Excel Document Name",
// Excel文件的名稱
filename: "myExcelTable"
});

配置參數
table2excel插件的可用配置參數有：
exclude：不被導出的表格行的CSS class類。
name：導出的Excel文檔的名稱。
filename：Excel文件的名稱。
exclude_img：是否導出圖片。
exclude_links：是否導出超鏈接
exclude_inputs：是否導出輸入框中的內容。

閱讀全文

html表格導出excel

與html表格導出excel相關的閱讀推薦