粗大的内捧猛烈进出小视频,日本成人精品视频一区,在线播放亚洲成人av,精品人妻少妇嫩草av专区,亚洲AV永久久久久久久浪潮,性导航app精品视频,九九热精品免费视频,一本一本大道香蕉久在线播放 

  
      
    

        

	
        
		
        
			
        
				
        純JS對頁面表格進行EXCEL導出（完整導出，包含頁面樣式）
        
				
        
					
         2020-3-1      seo達人      
        
					
					
        
						
					
        
				
        
				
			
        
			
        
				


        


        
純JS對頁面表格進行EXCEL導出

        


        


        
1.中間部分在style標簽那種可以使用css樣式對表格進行任意樣式的修改

        
2.在tableid.innerHTML中可以對表格中的內容進行修改替換（其中放的內容就是導出后的表格內容）

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

        
4.tableid為為表格的id

        
5.sheetName為下載后的文件名稱

        


        
        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' +

        
                '    /偶數行/\n' +

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

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

        
                '    }\n' +

        
                '    /奇數行/\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('暫無篩選結果','')

        
            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];

        
                });

        
        }

        

        				
        
								        
			
        
		
        
		
		
	
        


        
    
  
        
    
        日歷
        
    
        
        
        
        
    
        
  
        
    
    
        
      
        鏈接
        
      
          
                
        
    
        
    
        
      
        個人資料
        
      
        
          
        
                    
        
          
        藍藍設計的小編
          http://m.xintaizi.com
        
      
        
    
        
    
        
      
        存檔