导出表作为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));