html表格excel.docx
《html表格excel.docx》由会员分享，可在线阅读，更多相关《html表格excel.docx（8页珍藏版）》请在冰豆网上搜索。
html表格excel
竭诚为您提供优质文档/双击可除
html表格,excel
篇一：
html页面表格导出到excel总结
html页面表格导出到excel总结
最近一个项目需要把报表的表格导入excel，在网上找了一些方法，比较研究了一下，记在这里，备忘。
表格例子如下：
html表格导出道exceltd>tr>
列标题1td>
列标题2td>
类标题3td>
列标题4td>
列标题5td>
tr>
aaatd>
bbbtd>
ccctd>
dddtd>
eeetd>
tr>
aaatd>
bbbtd>
ccctd>
dddtd>
eeetd>
tr>
FFFtd>
gggtd>
hhhtd>
iiitd>
jjjtd>
tr>
table>
1、js的方法
a、将整个表格拷贝到excel中
functionmethod1（tableid）{
varcurtbl=document.getelementbyid（tableid）;
varoxl=newactivexobject（"excel.application"）;
varowb=oxl.workbooks.add（）;
varosheet=owb.activesheet;
varsel=document.body.createtextRange（）;
sel.movetoelementtext（curtbl）;
sel.select（）;
sel.execcommand（"copy"）;
osheet.paste（）;
oxl.Visible=true;
}
b、读取表格中每个单元到excel中：
functionmethod2（tableid）
{
varcurtbl=document.getelementbyid（tableid）;
varoxl=newactivexobject（"excel.application"）;
varowb=oxl.workbooks.add（）;
varosheet=owb.activesheet;
varle=curtbl.rows.length;
for（i=0;i {
varlenc=curtbl.rows（i）.cells.length;
for（j=0;j {
osheet.cells（i+1,j+1）.value=
curtbl.rows（i）.cells（j）.innertext;
}
}
oxl.Visible=true;
}
c、把表格输出到另一个页面，然后存成cvs格式
functiongetxlsFromtbl（intblid,inwindow）
{
try{
varallstr="";
varcurstr="";
if（intblid!
=null
}
if（curstr!
=null）{
allstr+=curstr;
}
else{
alert（"你要导出的表不存在"）;
return;
}
varfilename=getexcelFilename（）;
doFileexport（filename,allstr）;
}
catch（e）{
alert（"导出发生异常:
"+e.name+"->"+e.description+"!
"）;
}
}
functiongettbldata（intbl,inwindow）{
varrows=0;
vartbldocument=document;
if（!
!
inwindow
}
else{
tbldocument=eval（inwindow）.document;
}
}
varcurtbl=tbldocument.getelementbyid（intbl）;
varoutstr="";
if（curtbl!
=null）{
for（varj=0;j for（vari=0;i if（i==0
rows-=1;
}
outstr+=curtbl.rows[j].cells[i].innertext+"/t";if（curtbl.rows[j].cells[i].colspan>1）{
for（vark=0;k outstr+="/t";
}
}
if（i==0）{
篇二：
js导出html表格到excel
js导出html表格到excel
在系统开发的过程中，经常会碰到用户提出要将数据导到excel的要求。
所以写了以下心得：
//说明---table中加idtr中加id，红色表示
//==============================================================functionexporttoexcel（）
{
vartbl=document.getelementbyid（"searchResult"）;
varll_Rowcount=tbl.rows.length;//总共有几行
varll_cellcount=tbl.rows[0].cells.length;//每行有几列if（ll_Rowcount==0）
{
alert（"没有查询结果可以导出到word！
"）;
return0;
}
varexcelapp;
varexceldoc;
//启动excel软件
try
{
excelapp=newactivexobject（"excel.application"）;excelapp.application.Visible=true;
exceldoc=excelapp.workbooks.add;//新建一篇excel文档exceldoc.worksheets.add;
exceldoc.worksheets
（1）.activate;
exceldoc.worksheets
（1）.columns（"a"）.columnwidth=10;
exceldoc.worksheets
（1）.columns（"b"）.columnwidth=10;
exceldoc.worksheets
（1）.columns（"c"）.columnwidth=20;
exceldoc.worksheets
（1）.columns（"d"）.columnwidth=15;}
catch（e）
{
if（（e.number
//原因：
1、本机未安装excel软件
//2、禁用了activex控件
alert（"操作出错，不能打开excel软件。
\n\n原因一：
如果没有安装excel软件请先安装excel软件；\n原因二：
如果已安装了excel软件，则可以把当前网址添加到“可信站点”中，或在ie设置中启用“对未标记为可安全执行脚本的activex控件初始化并执行脚本”！
"）;
return0;
}
}
//生成表格
varosheet=exceldoc.activesheet;
varli_i;
varli_j;
varls_cellcontent="";
for（li_i=0;li_i {
for（li_j=0;li_j {
//得到单元格的内容
ls_cellcontent=tbl.rows[li_i].cells[li_j+1].innertext;//取单元格纯文本的内容
ls_cellcontent=ls_cellcontent.trimnew（）;
osheet.cells（li_i+1,li_j+1）.value=ls_cellcontent;osheet.cells（li_i+1,li_j+1）.wraptext=true;
osheet.cells（li_i+1,li_j+1）.horizontalalignment=3;osheet.cells（li_i+1,li_j+1）.Verticalalignment=2;
}
}
//alert（"导出完成！
"）;
exceldoc.activate（）;//使excel软件得到焦点}
//---------以下为去空格代码-----
string.prototype.trimnew=function（）
{
returnthis.replace（/（^\s*）|（\s*$）/g,""）;
}
篇三：
html冻结表格,类似excel中的功能
先上图，这是一个html，无论怎么拖，横向标题和竖向标题都被固定
这是html代码：
//锁定表头和列
functionFixtable（tableid,Fixcolumnnumber,width,height）{
//tableid要锁定的table的id
//Fixc
olumnnumber要锁定列的个数
//width显示的宽度
//height显示的高度
if（$（"#"+tableid+"_tablelayout"）.length!
=0）{
$（"#"+tableid+"_tablelayout"）.before（$（"#"+tableid））;
$（"#"+tableid+"_tablelayout"）.empty（）;
}
else{
$（"#"+tableid）.after（""）;
}
$（
+
+
+）.appendto（"#"+tableid+"_tablelayout"）;varoldtable=$（"#"+tableid）;
vartableFixclone=oldtable.clone（true）;
tableFixclone.attr（"id",tableid+"_tableFixclone"）;
$（"#"+tableid+"_tableFix"）.append（tableFixclone）;
vartableheadclone=oldtable.clone（true）;
tableheadclone.attr（"id",tableid+"_tableheadclone"）;
$（"#"+tableid+"_tablehead"）.append（tableheadclone）;
vartablecolumnclone=oldtable.clone（true）;
tablecolumnclone.attr（"id",tableid+"_tablecolumnclone"）;
$（"#"+tableid+"_tablecolumn"）.append（tablecolumnclone）;
$（"#"+tableid+"_tabledata"）.append（oldtable）;
$（"#"+tableid+"_tablelayouttable"）.each（function（）{
$（this）.css（"margin","0"）;
}）;
varheadheight=$（"#"+tableid+"_tableheadthead"）.height（）;
headheight+=2;
$（"#"+tableid+"_tablehead"）.css（"height",headheight）;
$（"#"+tableid+"_tableFix"）.css（"height",headheight）;
varcolumnswidth=0;
varcolumnsnumber=0;
$（"#"+tableid+"_tablecolumntr:
lasttd:
lt（"+Fixcolumnnumber+"）"）.each（function（）{
columnswidth+=$（this）.outerwidth（true）;
columnsnumber++;
}）;
columnswidth+=2;
if（$.browser.msie）{
switch（$.browser.version）{
case"7.0":
if（columnsnumber>=3）columnswidth--;
break;
case"8.0":
if（columnsnumber>=2）columnswidth--;
break;
}
}
$（"#"+tableid+"_tablecolumn"）.css（"width",columnswidth）;
$（"#"+tableid+"_tableFix"）.css（"width",columnswidth）;
$（"#"+tableid+"_tabledata"）.scroll（function（）{
$（"#"+tableid+"_tablehead"）.scrollleft（$（"#"+tableid+
"_tabledata"）.scrollleft（））;
$（"#"+tableid+"_tablecolumn"）.scrolltop（$（"#"+tableid+"_tabledata"）.scrolltop（））;
}）;
$（"#"+tableid+"_tableFix"）.css（{"overflow":
"hidden","position":
"relative","z-index":
"50","background-color":
"silver"}）;
$（"#"+tableid+"_tablehead"）.css（{"overflow":
"hidden","width":
width-17,"position":
"relative","z-index":
"45","background-color":
"silver"}）;
$（"#"+tableid+"_tablecolumn"）.css（{"overflow":
"hidden","height":
height-17,"position":
"relative","z-index":
"40","background-color":
"silver"}）;
$（"#"+tableid+"_tabledata"）.css（{"overflow":
"scroll","width":
width,"height":
height,"position":
"relative","z-index":
"35"}）;
if（$（"#"+tableid+"_tablehead"）.width（）>$（"#"+tableid+"_tableFixtable"）.width（））{
$（"#"+tableid+"_tablehead"）.css（"width",$（"#"+tableid+"_tableFixtable"）.width（））;
$（"#"+tableid+"_tabledata"）.css（"width",$（"#"+tableid+"_tableFixtable"）.width（）+17）;
}
if（$（"#"+tableid+"_tablecolumn"）.height（）>$（"#"+tableid+"_tablecolumntable"）.height（））{
$（"#"+tableid+"_tablecolumn"）.css（"height",$（"#"+tableid+"_tablecolumntable"）.height（））;
$（"#"+tableid+"_tabledata"）.css（"height",$（"#"+tableid+"_tablecolumntable"）.height（）+17）;
}
$（"#"+tableid+"_tableFix"）.offset（$（"#"+tableid+"_tablelayout"）.offset（））;$（"#"+tableid+"_tablehead"）.offset（$（"#"+tableid+"_tablelayout"）.offset（））;$（"#"+tableid+"_tablecolumn"）.offset（$（"#"+tableid+"_tablelayout"）.offset（））;$（"#"+tableid+"_tabledata"）.offset（$（"#"+tableid+"_tablelayout"）.offset（））;}
$（document）.ready（function（）{
Fixtable（"mytable",2,600,400）;
}）;
类似excel里的冻结表格，横竖都可以做到冻结，这样的话不管怎么拉动滚动条横向标题和竖向标题都被固定，一直可见。
style="border-bottom-color:
black;border-top-color:
black;width:
1000px;color:
#000000;border-right-color:
black;font-size:
medium;border-left-color:
black"
id="mytable"
border="1"
cellspacing="0"
cellpadding="0"
>
姓名
班级
成绩
主科
文科
理科
总分
语文
数学
英语
政治
历史
地理
物理
化学
生物
姓名
班级
语文
数学
英语
政治
历史
升级会员 