DataColumn.imageList에 설정된 이미지리스트 중에서 GridStyles.iconIndex에 위치한 이미지를 텍스트와 함께 표시한다. 렌더러의 textVisible 속성을 false로 지정하면 텍스트를 표시하지 않는다. 이미지 표시 위치는 GridStyles.iconLocation으로 지정한다. GridStyles.iconLocation이 CENTER일 때도 텍스트는 표시되지 않는다.
컬럼 렌더러 설정시 type을 "icon"으로 지정한다.
grid.setColumns([{
name: "Country",
fieldName: "Country",
width: "80",
imageList: "images1",
renderer: {
type: "icon",
textVisible: false
},
dynamicStyles: "iconStyles2",
styles: {
iconIndex: 0,
iconLocation: "left",
iconAlignment: "center",
iconOffset: 2
},
header: {
text: "textVisible\n=false"
}
},
...
]);