在Raectjs中将表导出为xls表

时间:2017-06-15 07:25:22

标签: jquery reactjs

我的页面中有多个表格,我想将表格导出为单个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答案。 在此先感谢。

1 个答案:

答案 0 :(得分:0)

你检查过这个图书馆吗? https://github.com/clarketm/TableExportr

您只需使用以下代码生成xsl文件:

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