javascript - 使用超链接字段导出到 Excel

标签 javascript reactjs export-to-excel js-xlsx

我正在将一些数据导出到 excel,如下所示:-

import * as React from 'react';
import * as FileSaver from 'file-saver';
import * as XLSX from 'xlsx';

export const ExportCSV = ({csvData, fileName}) => {

    const fileType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
    const fileExtension = '.xlsx';

    const exportToCSV = (csvData, fileName) => {
        const ws = XLSX.utils.json_to_sheet(csvData);
        const wb = { Sheets: { 'data': ws }, SheetNames: ['data'] };
        const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });
        const data = new Blob([excelBuffer], {type: fileType});
        FileSaver.saveAs(data, fileName + fileExtension);
    }

    return (
        <a onClick={ (e) => exportToCSV(csvData,fileName)}>Export Tasks To Excel</a>
    )
}

export default ExportCSV;

现在我想将其中一个字段作为超链接,这样当用户打开 Excel 工作表时,他/她可以单击超链接并重定向到该站点。

这个组件有可能吗?有人做过类似的事情吗?

感谢您的帮助和时间

最佳答案

通常情况下,如果您可以像这样在 CSV 文件中填充字段:

"=LIEN_HYPERTEXTE(""http://www.google.com"";""Google"")"

or

"=HYPERLINK(""http://www.google.com"";""Google"")"

这将创建超链接。

关于javascript - 使用超链接字段导出到 Excel,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59353667/

相关文章:

javascript - 让用户下载 iframe 元素的 CSS 文件

javascript - Vue - 如何获取绑定(bind)到计算属性的文档/窗口属性?

javascript - 添加 jquery 滚动功能后无法导航到我网站中的其他页面

reactjs - Azure AD B2C 未获取访问 token

ReactJS-SCRIPT1010 : Expected identifier - Production build not running on IE11

Python openpyxl 模块说 : AttributeError: 'tuple' object has no attribute 'upper'

javascript - 为什么 CanvasRenderingContext2D.createLinearGradient() 不是静态函数?

javascript - 以字符串形式返回 React 的方法 'return'

c# - CellStyle 意外应用于工作表中的所有单元格 - NPOI?

javascript - HTML 到 Excel 的导出不适用于 Safari Mac