1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
gridView.addCellStyles([{
    "id": "style1",
    "foreground": "#ffffffff",
    "background": "#ff333333",
    "fontSize": 14,
    "fontBold": true,
    "editable": false
}, {
    "id": "style2",
    "foreground": "#ffffff00",
    "background": "#ff111111",
    "fontSize": 16,
    "fontBold": true,
    "readOnly": false
}, {
    "id": "style3",
    "background": "#110000ff",
    "foreground": "#ff000088",
    "fontSize": 13,
    "fontBold": true,
    "textAlignment": "center"
}, {
    "id": "styleNew",
    "background": "#33ffff00"
}]);

1
2
3
4
5
6
7
8
9
10
gridView.addCellStyle("style01", {
    "background": "#4400ff00",
    "fontSize": 14,
    "paddingTop": 5
});
// field가 -1이면 행 전체 셀들에 대해 지정한다.
gridView.setCellStyles([1, 3], -1, "style01");
gridView.setCellStyles([7, 8], -1, "style2");
// row가 -1이면 추가 중인 행에 대해 적용된다.
gridView.setCellStyle(-1, -1, "styleNew");

1
2
3
4
5
6
7
8
gridView.addCellStyle("style02", {
    "paddingLeft": 15,
    "background": "#000000",
    "foreground": "#ffffff"
}, true);
gridView.setCellStyle(4, 1, "style02");
gridView.setCellStyle(4, 3, "style02");
gridView.setCellStyle(3, 2, "style02");

1
2
3
4
5
6
gridView.addCellStyle("style03", {
    "background": "#cc880000",
    "foreground": "#ffffff",
    "fontSize": 14
}, true);
gridView.setCellStyles([6,7,8,9], [2,3,4,5,6], "style03");

1
gridView.clearCellStyles();