• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      純JS對(duì)頁(yè)面表格進(jìn)行EXCEL導(dǎo)出(完整導(dǎo)出,包含頁(yè)面樣式)

      2020-3-1    seo達(dá)人





      純JS對(duì)頁(yè)面表格進(jìn)行EXCEL導(dǎo)出





      1.中間部分在style標(biāo)簽?zāi)欠N可以使用css樣式對(duì)表格進(jìn)行任意樣式的修改

      2.在tableid.innerHTML中可以對(duì)表格中的內(nèi)容進(jìn)行修改替換(其中放的內(nèi)容就是導(dǎo)出后的表格內(nèi)容)

      3.需要引入xlsx.full.min.js文件

      4.tableid為為表格的id

      5.sheetName為下載后的文件名稱(chēng)



              base64(excelFile) {

                  return window.btoa(unescape(encodeURIComponent(excelFile)))

              },

              tableToExcel(tableid, sheetName) {

                  var uri = 'data:application/vnd.ms-excel;base64,';

                  var template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel"' +

                      'xmlns=" gte mso 9]><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]-->' +

                      ' <style type="text/css">' +

                      '    .ivu-table td{\n' +

                      '        /background-color: #FFFFFF;/\n' +

                      '        /color: #fff;/\n' +

                      '        /border:1px  solid #FFFFFF;/\n' +

                      '    }\n' +

                      '    /每行的基本樣式/\n' +

                      '    .ivu-table-row td {\n' +

                      '        color: #000000;\n' +

                      '        min-width:50px;\n' +

                      '    }\n' +

                      '    /頭部th/\n' +

                      '    .ivu-table-header th{\n' +

                      '        color:\t#FFFFFF;\n' +

                      '        font-weight: bold;\n' +

                      '        background-color: rgb(98,167,249);\n' +

                      '        min-width:50px;' +

                      '        border:1px  solid #FFFFFF;' +

                      '        position: relative;  \n' +

                      '        top: expression(this.offsetParent.scrollTop);  \n' +

                      '        z-index: 300; \n' +

                      '    }\n' +

                      '    /偶數(shù)行/\n' +

                      '    .ivu-table-stripe-even td{\n' +

                      '        background-color: #ffffff!important;\n' +

                      '    }\n' +

                      '    /奇數(shù)行/\n' +

                      '    .ivu-table-stripe-odd td{\n' +

                      '        background-color:#F0FFFF!important;\n' +

                      '    }\n' +

                      '    /選中某一行高亮/\n' +

                      '    .ivu-table-row-highlight td {\n' +

                      '        background-color: #d63333!important;\n' +

                      '    }' +

                      '</style>' +

                      '</head><body ><table class="excelTable">{table}</table></body></html>';

                  if (!tableid.nodeType) tableid = document.getElementById(tableid);

                  tableid.innerHTML = tableid.innerHTML.replace('暫無(wú)篩選結(jié)果','')

                  var ctx = {worksheet: sheetName || 'Worksheet', table: tableid.innerHTML};

                  var a = document.createElement("a");

                  a.download = sheetName + ".xls";

                  a.href = uri + this.base64(this.format(template, ctx));;

                  a.click();

              },

              format (s, c) {

                  return s.replace(/{(\w+)}/g,

                      function (m, p) {

                          return c[p];

                      });

              }


      日歷

      鏈接

      個(gè)人資料

      存檔

      主站蜘蛛池模板: 亚洲最大成人在线播放| 伊人69| 龙口市| 一区二区AV| 毛片a级毛片免费观看免下载 | av不卡在线观看| 7777久久亚洲中文字幕| 夜夜澡人人爽人人喊_欧美| AV黄色网址| 18岁以下禁止观看的网站| 欧美另类精品一区二区三区| 99精品婷婷| 1024免费视频| 国产VA视频| 亚洲日本一区二区三区在线不卡| 91在线一9|永久视频在线| 免费国产线观看免费观看| 衡南县| 亚洲在线一区二区| 日韩欧美一级特黄大片| 亚洲成人av在线综合| 成人免费av在线播放| 欧美福利网| 岛国免费成人电影| 春梦视频站| 九九天堂| 五月丁香综合| 中文字幕亚洲情99在线| www.yw尤物| 日韩av一区二区三区在线| 午夜一区二区三区| 日韩精品| 999国产精品| 亚洲中文视频| 一本一道人人妻人人妻αV| 国产白浆一区二区三区视频在线| 国产午夜手机精彩视频| 91精品老司机福利在线观看| 一本无码中文字幕| 国产粗大| 亚洲色成人www在线观看|