如何使用 SheetJS 库为现有 Excel 工作表中的单元格添加边框颜色？答案

【问题标题】：how to add border color to cells in an existing Excel sheet using the SheetJS library?如何使用 SheetJS 库为现有 Excel 工作表中的单元格添加边框颜色？
【发布时间】：2023-02-13 22:20:34
【问题描述】：

在 React js 中，读取 excel 文件后，我需要为每一行应用边框颜色...

如何使用 sheetjs 在每一行中应用边框颜色

【问题讨论】：

标签： reactjs sheetjs

【解决方案1】：

快速查看 sheetjs example demo，您可以看到填充的表格是一个简单的 HTML 表格，由 <table/>、<tr/>（行）和 <td/>（单元格）等组成。参见html table documentation。

您需要做的就是创建一个样式表（例如，my_table.css）并将其导入到构建表的脚本中（import "./my_table.css"），并为tr 元素添加一个子句，如下所示：

tr {
  border: 1px red;
}

如果您正在努力使用 CSS 获得所需的结果，我建议您阅读更多有关 css border documentation 的内容。

祝你好运！

【讨论】：

我没有使用表格，只是阅读现有的 excel 并获取修改后的表格
伙计，你需要给我更多的细节。你甚至没有发布 sn-p 或任何代码示例。我不知道你所说的“不使用表格”和“获取修改后的表格”是什么意思。没有更多的上下文，我能做的最好的就是猜测。
实际上我有包含一些数据的 excel 文件，使用带有 reactjs 的 Sheetjs 读取该 excel 文件，我读取它并且我需要添加边框。如何添加样式..？
伙伴你复制粘贴原来的问题......。
您是否尝试将样式应用于哪些组件？ “阅读”是什么意思？如果您已经读取了数据，但没有渲染它，那么您想要设置什么样式？如果你渲染了，你使用了哪些 html 组件，如果不是表格？你有例子的链接吗？代码sn-ps？存储库？任何事物？

【解决方案2】：

您可以exceljsnpm

  worksheet.getCell("A1").border = {
       top: { style: 'thin' },
       left: { style: 'thin' },
       bottom: { style: 'thin' },
       right: { style: 'thin' },
  };

【讨论】：