리터럴 컬럼
리터럴 컬럼이란 별도의 필드 없이 고정된 값을 화면에 표시할 수 있도록 사용할 수 있는 컬럼입니다.
리터럴 컬럼 생성 및 고정된 값 설정하는 방법
var columns = [
{
name: "LiteralCol",
type: "literal",
width: "100",
header: {
text: "리터럴 컬럼"
},
value: "텍스트"
},
... 생략
]리터럴 컬럼을 통해 버튼 생성 및 동적 텍스트 설정
styleCallback을 통해 리터럴 컬럼의 보여지는 값을 동적으로 변경 하실 수 있습니다.
var columns = [
{
name: "LiteralCol",
type: "literal",
width: "150",
header: {
text: "리터럴 컬럼",
},
value: "텍스트",
styleCallback: (grid, dataCell) => {
return { text: dataCell.index.itemIndex + "번째 버튼" };
},
renderer: {
type: "button",
},
},
... 생략
]