導出表作爲xls表在Raectjs

Question

我在我的頁面有多個表，我想導出表作爲單個xls表。

<div>{store.ratecardList.map(ratecard => { 
    return(
     <div key={ratecard.ratecardId} className="box-filter"> 
     <table id={ratecard.ratecardId} width="100%" border="0" 
    cellSpacing="0" cellPadding="0" className="box-filter-table"> 
      <tbody> 
      <tr> 
       <td><input className="ratecard_checkbox" id="checkBox" type="checkbox" value={ratecard.ratecardId}/></td> 
       <td>Rate Card Name<br/> 
       <strong>{ratecard.rateCardName}</strong></td> 
       <td align="center"> Created by<br/> 
       <strong> {ratecard.createdByFullName}</strong></td> 
       <td align="center"> Date Modifield<br/> 
       <strong> {ratecard.dateModified} </strong></td> 
       <td align="center"> Date Created<br/> 
       <strong>{ratecard.dateCreated}</strong></td> 
       <td> 
       <div className="box-filter-view-more"><Link to={`/ratecard/${ratecard.ratecardId}`} className="btn btn-primary pull-right button-grey">VIEW</Link></div> </td> 
      </tr> 
      </tbody> 
     </table> 
     </div> 
    ); 
    })} 

用戶可以選擇通過複選框表格和我在陣列命名checkedValues選擇複選框ratecardId。

jQuery的答案被接受。 在此先感謝。

Answer 1

您是否檢查此圖書館？ https://github.com/clarketm/TableExportr

你可以簡單地只用這樣的代碼生成您的XSL文件：

new TableExport(document.getElementsByTagName(rateCard.rateId));