如何使用kendo UI Grid创建excel导出标头

Question

How to add a header to excel using Kendo UI Grid

我正在使用Javascript和Jquery。

Answer 1

您可以在导出文件的开头添加新的行/行，并修改单元格属性，以附加图像的格式设置样式。

您可以使用unshift在包含标题标题的rows数组的开头插入一行。

然后使用其他单元格属性设置标题标题的样式（例如textAlign和colSpan）。

var rows = e.workbook.sheets[0].rows;
rows.unshift({
    cells: [ { value: "My title", background: "#ff0000", colSpan: 2, textAlign: "right" } ]
});

Dojo example来演示上述内容。

修改

为了修改标题单元格中使用的字体大小，您可以使用fontSize属性。

var rows = e.workbook.sheets[0].rows;
rows.unshift({
    cells: [ { value: "My title", fontSize: 20, background: "#ff0000", colSpan: 2, textAlign: "right" } ]
});