我使用react-html-to-excel
转换我的表到excel,但我想要的是不导出第一列到excel即第一列不应该导出到excel我已经通过this library i am using的文档,但还没有找到任何东西
我的准则
<div className="App">
<ReactHTMLTableToExcel
id="test-table-xls-button"
className="download-table-xls-button"
table="table-to-xls"
filename="test"
sheet="tablexls"
buttonText="Download as XLS"
/>
<table id="table-to-xls">
<thead>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
</thead>
<tbody>
{data.map(item => (
<tr>
<td>{item.firstname}</td>
<td>{item.lastname}</td>
<td>{item.age}</td>
</tr>
))}
</tbody>
</table>
</div>
Link of codesand box full code
如果这个库不支持它,那么我可以使用任何其他做这类事情的库。
3条答案
按热度按时间kqlmhetl1#
我可以提出以下两个模块,因为我已经在生产中成功地使用了它们(还有自定义列):
第三个,经过快速搜索,看起来很有希望(虽然我没有使用过)
您当前使用的库不支持根据此issue删除excel文件中的列,该issue还提出了第四个选项:
编辑:好的,我已经创建了两个示例。第一个可以找到here,它使用我的第二个建议
react-csv
第二个是下面的代码,它使用了我的第三个建议
react-export-excel
第二次编辑:我已经更新了两个例子,现在列是从对象的结构中定义的,并且提出了两种删除不需要的列的方法(通过键值
firstname
或通过索引-第一种)。请注意,如果对象的结构在数据中是一致的(每个条目应该具有相同的列),则上述方法将成功工作。
我在这两个例子中使用的camelCase方法取自here。
kjthegm62#
您可以创建一个简单的 hack,通过覆盖
ReactHTMLTableToExcel.format
函数来操作表HTML代码,该函数获取表HTML以格式化XLS文档。这样就得到了一个经过HTML过滤的表,并删除了第一列。
你可以在这个Stackblitz project中检查它的工作情况。
khbbv19g3#
使用xlsx
Yarn添加xlsx
根据他们的文档:默认情况下,它将为数组中的每个对象生成一个标题行和一个行。