사용자지정 문자 출력
엑셀 출력 시 그리드 상단에 특정 문자를 추가해서 출력합니다.
userCellsCallback 설정
userCellsCallback은 출력되는 column과 row의 갯수를 참조해서 cell의 위치를 변경할때 사용합니다.
스타일 속성 설정은 css스타일 적용방식과 동일합니다.
gridView.exportGrid({
type: "excel",
target: "local",
fileName: "gridExportSample.xlsx",
yOffset: 5,
userCellsCallback: function (grid, rowCount, colCount, sheetName) {
return [
{
row: 2,
col: colCount - 4,
value: "결재",
mergeRow: 2,
heights: [15, 30],
styles: { textAlign: "center", border: "1px solid black" },
},
{
row: 2,
col: colCount - 3,
value: "팀장",
height: 15,
styles: { textAlign: "center", border: "1px solid black" },
},
{
row: 3,
col: colCount - 3,
value: "",
height: 30,
styles: { border: "1px solid black" },
},
{
row: 2,
col: colCount - 2,
value: "부장",
height: 15,
styles: { textAlign: "center", border: "1px solid black" },
},
{
row: 3,
col: colCount - 2,
value: "",
height: 30,
styles: { border: "1px solid black" },
},
{
row: 2,
col: colCount - 1,
value: "대표",
height: 15,
styles: { textAlign: "center", border: "1px solid black" },
},
{
row: 3,
col: colCount - 1,
value: "",
height: 30,
styles: { border: "1px solid black" },
},
];
},
done: function () {
alert("done excel export");
},
});userCells 설정
userCells를 사용해서 고정영역에 특정 문자를 출력합니다.
var userCells = [
{ row: 0, col: 0, value: "사용자 입력문자열" },
{ row: 1, col: 0, styleName: "orangeFontColor", value: "스타일을 적용" },
{
row: 2,
col: 0,
mergeRow: 1,
mergeCol: 3,
styleName: "orangeFontColor",
value: "merge를 하고 스타일을 적용.",
},
{
row: 3,
col: 0,
mergeRow: 2,
mergeCol: 3,
value: "inline-style",
styles: { background: "red", fontSize: "20px" },
},
{
row: 5,
col: 1,
value: 12345,
format: "#,##0.0_ ",
styles: { textAlign: "right" },
},
{
row: 5,
col: 4,
value: new Date(2022, 4, 16),
format: "[$-F800]dddd, mmmm dd, yyyy",
styles: { textAlign: "center" },
},
];
gridView.exportGrid({
type: "excel",
target: "local",
yOffset: 6,
userCells: userCells,
});