14

我指的是这个例子来导出工作表https://github.com/SheetJS/js-xlsx/issues/817。如何进行单元格样式设置，如背景颜色、字体大小和增加单元格的宽度以使数据完全适合。我已经浏览了文档，但找不到任何合适的示例来使用填充等。有没有办法做格式化？

Below is the code snippet:
    /* make the worksheet */
var ws = XLSX.utils.json_to_sheet(data);

/* add to workbook */
var wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, "People");

/* write workbook (use type 'binary') */
var wbout = XLSX.write(wb, {bookType:'xlsx', type:'binary'});

/* generate a download */
function s2ab(s) {
    var buf = new ArrayBuffer(s.length);
    var view = new Uint8Array(buf);
    for (var i=0; i!=s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
    return buf;
}
saveAs(new Blob([s2ab(wbout)],{type:"application/octet- 
stream"}),"sheetjs.xlsx");
4

4 回答 4

20

样式仅在. _ _ SheetJS但我认为您使用的是社区版（免费版）。在社区版样式中不可用。

你可以在这里查看官方信息：

我们还提供具有性能增强、样式等附加功能和专用支持的专业版。

于 2018-06-07T07:17:17.950 回答
5

有很多社区分叉允许样式化。我个人最喜欢的是xlsx-js-style。与其他库相比，它是最新的并且运行良好。

sheetjs-style也是最新的，但我遇到了一些问题。请参阅：样式不起作用

xlsx 样式不是最新的。目前在 SheetJS:master 后面有 397 个提交。如果可能，我不会使用它。

所有这些库共享相同的样式选项。这里有一堆例子：

for (i in ws) {
    if (typeof(ws[i]) != "object") continue;
    let cell = XLSX.utils.decode_cell(i);

    ws[i].s = { // styling for all cells
        font: {
            name: "arial"
        },
        alignment: {
            vertical: "center",
            horizontal: "center",
            wrapText: '1', // any truthy value here
        },
        border: {
            right: {
                style: "thin",
                color: "000000"
            },
            left: {
                style: "thin",
                color: "000000"
            },
        }
    };

    if (cell.c == 0) { // first column
        ws[i].s.numFmt = "DD/MM/YYYY HH:MM"; // for dates
        ws[i].z = "DD/MM/YYYY HH:MM";
    } else { 
        ws[i].s.numFmt = "00.00"; // other numbers
    }

    if (cell.r == 0 ) { // first row
        ws[i].s.border.bottom = { // bottom border
            style: "thin",
            color: "000000"
        };
    }

    if (cell.r % 2) { // every other row
        ws[i].s.fill = { // background color
            patternType: "solid",
            fgColor: { rgb: "b2b2b2" },
            bgColor: { rgb: "b2b2b2" } 
        };
    }
}
于 2021-10-27T12:43:27.300 回答
4

我使用sheetjs-style（它是 sheetjs 的一个分支）为 excel 文件中的单元格添加格式。

ws["A1"].s =        // set the style for target cell
  font: {
    name: '宋体',
    sz: 24,
    bold: true,
    color: { rgb: "FFAA00" }
  },
};

这很容易。但是，您必须为每个单独的单元格添加样式。为一系列单元格添加样式并不方便。

更新：官方示例使用颜色“FFFFAA00”。但是我删除了第一个“FF”，它仍然像以前一样工作。删除的部分用于透明度（请参阅Cell Styles中的 COLOR_SPEC ），但不知何故，当我更改或删除它时它没有效果。

于 2021-07-26T06:25:44.840 回答
0

在测试了上述所有选项之后。对于 ReactJS，我终于找到了一个完美运行的包。

https://github.com/ShanaMaid/sheetjs-style

import XLSX from 'sheetjs-style'; 

var workbook = XLSX.utils.book_new();

var ws = XLSX.utils.aoa_to_sheet([
    ["A1", "B1", "C1"],
    ["A2", "B2", "C2"],
    ["A3", "B3", "C3"]
])
ws['A1'].s = {
    font: {
        name: 'arial',
        sz: 24,
        bold: true,
        color: "#F2F2F2"
    },
}

XLSX.utils.book_append_sheet(workbook, ws, "SheetName");
XLSX.writeFile(workbook, 'FileName.xlsx');
于 2022-02-15T22:45:45.063 回答