Jsp中的table多表头导出excel文件具体实现


            首先引入两份JS:copyhtmltoexcel.js以及 tableToExcel.js复制代码 代码如下:/*  * 默认转换实现函数，如果需要其他功能，需自行扩展 * 参数： *      tableID : HTML中Table对象id属性值 * 详细用法参见以下 TableToExcel 对象定义   */function saveAsExcel(tableID){ var tb = new TableToExcel(tableID);  tb.setFontStyle("Courier New");  tb.setFontSize(10);  tb.setTableBorder(2);  tb.setColumnWidth(7);  tb.isLineWrap(false);  tb.isAutoFit(true);  tb.getExcelFile();}

/* *  功能：HTML中Table对象转换为Excel通用对象. *  作者：Jeva *  时间：2006-08-09 *  参数：tableID  HTML中Table对象的ID属性值 *  说明： *       能适应复杂的HTML中Table对象的自动转换，能够自动根据行列扩展信息 *       合并Excel中的单元格，客户端需要安装有Excel *       详细的属性、方法引用说明参见：Excel的Microsoft Excel Visual Basic参考 *  示范： *       var tb = new TableToExcel('demoTable'); *    tb.setFontStyle("Courier New"); *    tb.setFontSize(10);  //推荐取值10 *    tb.setFontColor(6);  //一般情况不用设置 *    tb.setBackGround(4);  //一般情况不用设置 *    tb.setTableBorder(2);  //推荐取值2 *    tb.setColumnWidth(10);  //推荐取值10 *    tb.isLineWrap(false); *    tb.isAutoFit(true); *     *    tb.getExcelFile(); *   如果设置了单元格自适应，则设置单元格宽度无效 *  版本：1.0 */function TableToExcel(tableID) {    this.tableBorder = -1; //边框类型，-1没有边框 可取1/2/3/4    this.backGround = 0; //背景颜色：白色   可取调色板中的颜色编号 1/2/3/4....    this.fontColor = 1;  //字体颜色：黑色    this.fontSize = 10;  //字体大小    this.fontStyle = "宋体"; //字体类型    this.rowHeight = -1; //行高    this.columnWidth = -1; //列宽    this.lineWrap = true; //是否自动换行    this.textAlign = -4108; //内容对齐方式   默认为居中    this.autoFit = false;  //是否自适应宽度    this.tableID = tableID; }

TableToExcel.prototype.setTableBorder = function (excelBorder) {    this.tableBorder = excelBorder ;};

TableToExcel.prototype.setBackGround = function (excelColor) {    this.backGround = excelColor;};

TableToExcel.prototype.setFontColor = function (excelColor) {    this.fontColor = excelColor;};

TableToExcel.prototype.setFontSize = function (excelFontSize) {    this.fontSize = excelFontSize;};

TableToExcel.prototype.setFontStyle = function (excelFont) {    this.fontStyle = excelFont;};

TableToExcel.prototype.setRowHeight = function (excelRowHeight) {    this.rowHeight = excelRowHeight;};

TableToExcel.prototype.setColumnWidth = function (excelColumnWidth) {    this.columnWidth = excelColumnWidth;};

TableToExcel.prototype.isLineWrap = function (lineWrap) {    if (lineWrap == false || lineWrap == true) {        this.lineWrap = lineWrap;    }};

TableToExcel.prototype.setTextAlign = function (textAlign) {    this.textAlign = textAlign;};

TableToExcel.prototype.isAutoFit = function(autoFit){ if(autoFit == true || autoFit == false)  this.autoFit = autoFit ;}

//文件转换主函数TableToExcel.prototype.getExcelFile = function () {    var jXls, myWorkbook, myWorksheet, myHTMLTableCell, myExcelCell, myExcelCell2;    var myCellColSpan, myCellRowSpan;

    try {        jXls = new ActiveXObject('Excel.Application');    }    catch (e) {        alert("无法启动Excel!\n\n" + e.message +            "\n\n如果您确信您的电脑中已经安装了Excel，"+           "那么请调整IE的安全级别。\n\n具体操作：\n\n"+           "工具 → Internet选项 → 安全 → 自定义级别 → ActiveX控件和插件 \n\n" +       "→ 启用 : 对没有标记为安全的ActiveX控件进行初始化和脚本运行");        return false;    }

    jXls.Visible = true;    myWorkbook = jXls.Workbooks.Add();    jXls.DisplayAlerts = false;    myWorkbook.Worksheets(3).Delete();    myWorkbook.Worksheets(2).Delete();    jXls.DisplayAlerts = true;    myWorksheet = myWorkbook.ActiveSheet;    var  readRow = 0,  readCol = 0;    var totalRow = 0, totalCol = 0;    var   tabNum = 0;//设置行高、列宽    if(this.columnWidth != -1)     myWorksheet.Columns.ColumnWidth = this.columnWidth;    else     myWorksheet.Columns.ColumnWidth = 7;    if(this.rowHeight != -1)     myWorksheet.Rows.RowHeight = this.rowHeight ;

//搜索需要转换的Table对象，获取对应行、列数    var obj = document.all.tags("table");    for (x = 0; x < obj.length; x++) {        if (obj[x].id == this.tableID) {            tabNum = x;            totalRow = obj[x].rows.length;            for (i = 0; i < obj[x].rows[0].cells.length; i++) {                myHTMLTableCell = obj[x].rows(0).cells(i);                myCellColSpan = myHTMLTableCell.colSpan;                totalCol = totalCol + myCellColSpan;            }        }    }//开始构件模拟表格    var excelTable = new Array();    for (i = 0; i <= totalRow; i++) {        excelTable[i] = new Array();        for (t = 0; t <= totalCol; t++) {            excelTable[i][t] = false;        }    }//开始转换表格        for (z = 0; z < obj[tabNum].rows.length; z++) {        readRow = z + 1;        readCol = 1;        for (c = 0; c < obj[tabNum].rows(z).cells.length; c++) {            myHTMLTableCell = obj[tabNum].rows(z).cells(c);            myCellColSpan = myHTMLTableCell.colSpan;            myCellRowSpan = myHTMLTableCell.rowSpan;            for (y = 1; y <= totalCol; y++) {                if (excelTable[readRow][y] == false) {                    readCol = y;                    break;                }            }            if (myCellColSpan * myCellRowSpan > 1) {                myExcelCell = myWorksheet.Cells(readRow, readCol);                myExcelCell2 = myWorksheet.Cells(readRow + myCellRowSpan - 1, readCol + myCellColSpan - 1);                myWorksheet.Range(myExcelCell, myExcelCell2).Merge();                myExcelCell.HorizontalAlignment = this.textAlign;                myExcelCell.Font.Size = this.fontSize;                myExcelCell.Font.Name = this.fontStyle;                myExcelCell.wrapText = this.lineWrap;                myExcelCell.Interior.ColorIndex = this.backGround;                myExcelCell.Font.ColorIndex = this.fontColor;                if(this.tableBorder != -1){                 myWorksheet.Range(myExcelCell, myExcelCell2).Borders(1).Weight = this.tableBorder ;                 myWorksheet.Range(myExcelCell, myExcelCell2).Borders(2).Weight = this.tableBorder ;                 myWorksheet.Range(myExcelCell, myExcelCell2).Borders(3).Weight = this.tableBorder ;                 myWorksheet.Range(myExcelCell, myExcelCell2).Borders(4).Weight = this.tableBorder ;                }

                myExcelCell.Value = myHTMLTableCell.innerText;                for (row = readRow; row <= myCellRowSpan + readRow - 1; row++) {                    for (col = readCol; col <= myCellColSpan + readCol - 1; col++) {                        excelTable[row][col] = true;                    }                }                readCol = readCol + myCellColSpan;            } else {                myExcelCell = myWorksheet.Cells(readRow, readCol);                myExcelCell.Value = myHTMLTableCell.innerText;                myExcelCell.HorizontalAlignment = this.textAlign;                myExcelCell.Font.Size = this.fontSize;                myExcelCell.Font.Name = this.fontStyle;                myExcelCell.wrapText = this.lineWrap;                myExcelCell.Interior.ColorIndex = this.backGround;                myExcelCell.Font.ColorIndex = this.fontColor;                if(this.tableBorder != -1){                 myExcelCell.Borders(1).Weight = this.tableBorder ;                 myExcelCell.Borders(2).Weight = this.tableBorder ;                 myExcelCell.Borders(3).Weight = this.tableBorder ;                 myExcelCell.Borders(4).Weight = this.tableBorder ;                }                               excelTable[readRow][readCol] = true;                readCol = readCol + 1;            }        }    }    if(this.autoFit == true)     myWorksheet.Columns.AutoFit;    jXls.UserControl = true;    jXls = null;    myWorkbook = null;    myWorksheet = null;};

copyhtmltoexcel.js

复制代码 代码如下://elTalbeOut 这个为导出内容的外层表格，主要是设置border之类的样式，elDiv则是整个导出的html部分function onhtmlToExcel(elTableOut,elDiv){ try{  //设置导出前的数据，为导出后返回格式而设置  var elDivStrBak = elDiv.innerHTML;  //设置table的border=1，这样到excel中就有表格线 ps:感谢双面提醒  elTableOut.border=1;  //过滤elDiv内容  var elDivStr = elDiv.innerHTML;  elDivStr = replaceHtml(elDivStr,"<A",">");  elDivStr = replaceHtml(elDivStr,"</A",">");  elDiv.innerHTML=elDivStr;   var oRangeRef = document.body.createTextRange();  oRangeRef.moveToElementText( elDiv );  oRangeRef.execCommand("Copy");  //返回格式变换以前的内容  elDiv.innerHTML = elDivStrBak;  //内容数据可能很大，所以赋空  elDivStrBak = "";  elDivStr = "";  var oXL = new ActiveXObject("Excel.Application")  var oWB = oXL.Workbooks.Add ;  var oSheet = oWB.ActiveSheet ;  oSheet.Paste();  oSheet.Cells.NumberFormatLocal = "@";  oSheet.Columns("D:D").Select  oXL.Selection.ColumnWidth = 20  oXL.Visible = true;    oSheet = null;  oWB = null;  appExcel = null; }catch(e){  alert(e.description) }}function replaceHtml(replacedStr,repStr,endStr){     var replacedStrF = "";     var replacedStrB = "";     var repStrIndex = replacedStr.indexOf(repStr);     while(repStrIndex != -1){         replacedStrF = replacedStr.substring(0,repStrIndex);         replacedStrB = replacedStr.substring(repStrIndex,replacedStr.length);         replacedStrB = replacedStrB.substring(replacedStrB.indexOf(endStr)+1,replacedStrB.length);         replacedStr = replacedStrF + replacedStrB;         repStrIndex = replacedStr.indexOf(repStr);     }     return replacedStr;}

在JSP页面中写JS方法复制代码 代码如下:  //生成Excel  function onTableToExcel(){   var elTableOut = document.getElementById("elTableOut");   var elDiv = document.getElementById("elDiv");   onhtmlToExcel(elTableOut,elDiv);  }

注意事项：使用JS导出excel需要设置IE的active。注意最佳的是IE8浏览器。至于在java后台实现excel还没去研究，希望各位大神指教。