html表格excel.docx

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"

　　>

　　姓名

　　班级

　　成绩

　　主科

　　文科

　　理科

　　总分

　　语文

　　数学

　　英语

　　政治

　　历史

　　地理

　　物理

　　化学

　　生物

　　姓名

　　班级

　　语文

　　数学

　　英语

　　政治

　　历史