jquery - 在 ReactJS 中将表导出为 xls 表

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