如何将带有分页的 React JS material-ui 表数据导出到 csv、excel 和 Z437175BA41912190EE094

Question

我是一个新的前端开发人员。 我正在尝试在前端创建按钮，该按钮可以将 material-ui 表数据与分页导出到 csv、excel 和 Z4930075BAD913742 有没有我可以用来执行此操作的库？

Answer 1

我使用ExcelJS库的经验很好，它不仅支持 CSV output，还支持 Excel 和其他格式。 API 非常易于使用，而且它还让您无需弄清楚如何转义字符。 如果您在浏览器或服务器端查看文件生成，ExcelJS 应该可以正常工作。

Answer 2

假设您知道表数据的来源（对象数组），您可以使用一些库将该数组转换为pdf 、 xls 。 对于 CSV 你可以做类似

const rows = [
    ["name1", "city1", "some other info"],
    ["name2", "city2", "more info"]
];

let csvContent = "data:text/csv;charset=utf-8,";

rows.forEach(function(rowArray) {
    let row = rowArray.join(",");
    csvContent += row + "\r\n";
});

然后你只需要“打开”你生成的文件到一个新的 window 像

const encodedUri = encodeURI(csvContent);
window.open(encodedUri);