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
26
27
28
29
30
31
32
var columns = [{
  "name": "OrderID",
  "fieldName": "OrderID",
  "type": "data",
  "width": "90",
  "styles": {
      "textAlignment": "center",
      "figureName": "leftTop", 
      "figureBackground": "#FFFF0000", 
      "figureSize": "50%"
  },
  "header": {
      "text": "Order ID"
  }
}, {
  "name": "CustomerID",
  "fieldName": "CustomerID",
  "type": "data",
  "width": "130",
  "styles": {
      "textAlignment": "center",
      "figureName": "rightTop", 
      "figureBackground": "#FF0000FF", 
      "figureSize": "7"
  },
  "header": {
      "text": "Customer ID"
  }
},
...
];
gridView.setColumns(columns);

1
2
3
4
5
6
7
8
9
10
11
12
var dStyles = [{
  criteria: "value = '5'",
  styles: {
    "textAlignment": "center",
    "figureName": "rightBottom", 
    "figureBackground": "#FF0000FF", 
    "figureSize": "7"
  }
}];

gridView.setColumnProperty("EmployeeID", "dynamicStyles", dStyles);