更改React中的现有Excel电子表格

xoefb8l8  于 2022-12-19  发布在  React
关注(0)|答案(2)|浏览(296)

你能推荐一些工具或库,我可以合并到我的React/SPFX项目中,这些工具或库能够对现有多表Excel文件中的一个表进行一些修改吗?
电子表格本身是相当复杂的,许多工作表,计算,公式等。第一个工作表作为一个数据源,所以目标是打开文件,填写第一个工作表的数据和保存,所以其余的工作表可以拿起这个数据时,该文件是由其他用户重新打开。这几乎是我的用例。似乎很简单,但我在网上的第一眼就证明了这些库通常是关于创建电子表格和下载它们的,不幸的是不是编辑。
如果这里有人能分享一些经验/想法就太好了。
谢谢!
问候M。

xytpbqjk

xytpbqjk1#

修改React或SPFX项目中现有Excel文件的一个选项是使用ExcelJS库。ExcelJS是一个JavaScript库,允许您读取、操作和写入各种格式的电子表格数据,包括Excel文件。
要在项目中使用ExcelJS,您需要使用npm安装库:

npm install exceljs

安装库后,可以使用**“ExcelJS.Workbook”**类打开现有Excel文件并修改文件中的数据。例如,可以使用以下代码打开现有Excel文件并更新第一个工作表中的数据:

import ExcelJS from 'exceljs';

async function updateExcelFile(filePath, data) {
  // Open the existing Excel file
  const workbook = new ExcelJS.Workbook();
  await workbook.xlsx.readFile(filePath);

  // Get the first sheet in the file
  const sheet = workbook.getWorksheet(1);

  // Update the data in the sheet
  sheet.getCell('A1').value = data;

  // Save the changes to the file
  await workbook.xlsx.writeFile(filePath);
}

此代码使用Workbook类的readFile()方法打开指定的Excel文件,使用getWorksheet()方法获取文件中的第一个工作表,使用getCell()value属性更新工作表中的数据,并使用writeFile()方法将更改保存到文件中。
您可以使用
ExcelJS

qmelpv7a

qmelpv7a2#

有几个库和工具可用于修改React / SPFX项目中的现有Excel文件。
一种选择是使用xlsx库,这是一个JavaScript库,用于从Excel文件阅读数据和向Excel文件写入数据,它提供了一个简单的API,用于从Excel文件读取数据和向Excel文件写入数据,并且可以轻松地集成到React / SPFX项目中。
另一个选择是使用exceljs库,这是另一个用于处理Excel文件的JavaScript库,它提供了一个用于阅读、写入和修改Excel文件的全面API,还支持许多高级功能,如格式、公式和图表。
如果您想使用专门为在React / SPFX项目中处理Excel文件而设计的工具,可以尝试使用react-excel-renderer库。该库允许您从Excel文件读取数据,并向Excel文件写入数据,它还提供了一个简单的API,用于在React组件中呈现Excel文件。
最后,您还可以考虑使用Office JavaScript API,这是Microsoft提供的一组API,用于在基于浏览器的环境中处理Office文档。Office JavaScript API可以操作React / SPFX项目中的Excel文件。它提供了阅读、写入和修改Excel文件的广泛功能。
总的来说,有几个选项可用于修改React / SPFX项目中的现有Excel文件,最佳选择取决于您的特定要求和需要。

相关问题