html表格excel.docx

1、html表格excel竭诚为您提供优质文档/双击可除html表格,excel篇一：html页面表格导出到excel总结html页面表格导出到excel总结最近一个项目需要把报表的表格导入excel，在网上找了一些方法，比较研究了一下，记在这里，备忘。表格例子如下：html表格导出道exceltdtr列标题1td列标题2td类标题3td列标题4td列标题5tdtraaatdbbbtdccctddddtdeeetdtraaatdbbbtdccctddddtdeeetdtrFFFtdgggtdhhhtdiiitdjjjtdtrtable1、js的方法a、将整个表格拷贝到excel中functionm

2、ethod1(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、读取表格中每个单

3、元到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;ivarlenc=curtbl.rows(i).cells.length;for(j=0;josheet.cells(i+1,j+1).value=curtbl.rows(i).cells(

4、j).innertext;oxl.Visible=true;c、把表格输出到另一个页面，然后存成cvs格式functiongetxlsFromtbl(intblid,inwindow)tryvarallstr=;varcurstr=;if(intblid!=nullif(curstr!=null)allstr+=curstr;elsealert(你要导出的表不存在);return;varfilename=getexcelFilename();doFileexport(filename,allstr);catch(e)alert(导出发生异常:+e.name+-+e.description+!)

5、;functiongettbldata(intbl,inwindow)varrows=0;vartbldocument=document;if(!inwindowelsetbldocument=eval(inwindow).document;varcurtbl=tbldocument.getelementbyid(intbl);varoutstr=;if(curtbl!=null)for(varj=0;jfor(vari=0;iif(i=0rows-=1;outstr+=curtbl.rowsj.cellsi.innertext+/t;if(curtbl.rowsj.cellsi.colspa

6、n1)for(vark=0;koutstr+=/t;if(i=0)篇二：js导出html表格到exceljs导出html表格到excel在系统开发的过程中，经常会碰到用户提出要将数据导到excel的要求。所以写了以下心得：/说明-table中加idtr中加id，红色表示/=functionexporttoexcel()vartbl=document.getelementbyid(searchResult);varll_Rowcount=tbl.rows.length;/总共有几行varll_cellcount=tbl.rows0.cells.length;/每行有几列if(ll_Rowcoun

7、t=0)alert(没有查询结果可以导出到word！);return0;varexcelapp;varexceldoc;/启动excel软件tryexcelapp=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

8、;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软件。nn原因一：如果没有安装excel软件请先安装excel软件；n原因二：如果已安装了excel软件，则可以把当前网址添加到“可信站点”中，或在ie设置中启

9、用“对未标记为可安全执行脚本的activex控件初始化并执行脚本”！);return0;/生成表格varosheet=exceldoc.activesheet;varli_i;varli_j;varls_cellcontent=;for(li_i=0;li_ifor(li_j=0;li_j/得到单元格的内容ls_cellcontent=tbl.rowsli_i.cellsli_j+1.innertext;/取单元格纯文本的内容ls_cellcontent=ls_cellcontent.trimnew();osheet.cells(li_i+1,li_j+1).value=ls_cellcont

10、ent;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中的功能先上图，这

11、是一个html，无论怎么拖，横向标题和竖向标题都被固定这是html代码：/锁定表头和列functionFixtable(tableid,Fixcolumnnumber,width,height)/tableid要锁定的table的id/Fixcolumnnumber要锁定列的个数/width显示的宽度/height显示的高度if($(#+tableid+_tablelayout).length!=0)$(#+tableid+_tablelayout).before($(#+tableid);$(#+tableid+_tablelayout).empty();else$(#+tableid).a

12、fter();$(+).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+_t

13、ablehead).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););varheadheigh

14、t=$(#+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);column

15、snumber+;);columnswidth+=2;if($.browser.msie)switch($.browser.version)case7.0:if(columnsnumber=3)columnswidth-;break;case8.0:if(columnsnumber=2)columnswidth-;break;$(#+tableid+_tablecolumn).css(width,columnswidth);$(#+tableid+_tableFix).css(width,columnswidth);$(#+tableid+_tabledata).scroll(function

16、()$(#+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、-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

18、).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

19、,$(#+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+_tab

20、lelayout).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:blackid=mytableborder=1cellspacing=0cellpadding=0姓名班级成绩主科文科理科总分语文数学英语政治历史地理物理化学生物姓名班级语文数学英语政治历史