2016-10-13 4 views
1

Привет, ребята, у нас, кажется, есть проблема с форматом экспортируемого файла здесь первенствует наш код:Angular2/Javascript Экспорт таблицы в Excel

import { Component,ViewContainerRef } from '@angular/core'; 

@Component({ 
selector: 'my-app', 
template: `<input type="button" (click)="tableToExcel('testTable', 'W3C Example Table')" value="Export to Excel"> 
      <table id="testTable" rules="groups" frame="hsides" border="2"> 
      <tr> 
       <th>111111</th> 
       <th>222222</th> 
      </tr> 
      <tr> 
       <td>333334</td> 
       <td>444443x</td> 
      </tr> 
      </table> 
      ` 
}) 

export class AppComponent{ 

    tableToExcel(table, name){ 
    let uri = 'data:application/vnd.ms-excel;base64,' 
     , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if 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]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></head><body><table>{table}</table></body></html>' 
     , base64 = function(s) { return window.btoa(decodeURI(encodeURIComponent(s))) } 
     , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } 
      if (!table.nodeType) table = document.getElementById(table) 
      var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML} 
      window.location.href = uri + base64(format(template, ctx)) 
     } 
    } 

Вот скриншот выхода: Excel File

, как вы можете видеть некоторые элементы html, включенные в разбор, как правильно его отформатировать?

ответ

1

Мы выяснили, что это может также ответить на это, если кому-то нужна ссылка, мы только что изменили «decodeURI» на «decodeURIComponent», и формат получился прекрасным.

Смежные вопросы