ColumnStyleObject

CellStyleCallback 으로 셀 스타일 변경 시 반환해야 하는 스타일 모델 중 하나

Signature:

export interface ColumnStyleObject 

Remarks

GridBase.setCellStyleCallback() 또는 ValueColumn.styleCallback 에서 사용된다.

Example

// column 별 적용
let column = gridView.columnByName('Company');
 
const f = function (grid, cell) {
     return {
         styleName: 'custom-column'
     }
}
column.styleCallback = f;
 
// data cell 별 적용
gridView.setCellStyleCallback(f);

Properties

Properties Desc

booleanFormat

Boolean 형식의 값일 때 서식

Type - string

Remarks:

이 값이 지정되면 boolean 필드의 값을 출력할 때 변환 형식으로 사용된다.

지정되지 않은 경우 데이터필드에 설정된 값을 사용한다.

콜론(:) 또는 세미콜론(;)으로 구분하여 왼쪽은 false일 때, 오른쪽은 true일 때

예) 'Nub: Yub'

button

셀에 표시될 CellButton의 종류를 지정한다.

Type - CellButton

buttonWidth

CellButton의 너비를 변경한다.

Type - number

cellProtectProps

엑셀로 export할때 셀 잠금 또는 수식 숨기기를 설정한다.

Type - CellProtectProperties

Remarks:

지정하지 않으면 DataColumn.cellProtectProps가 적용된다. GridExportOptions.sheetProtect와 함께 사용한다.

datetimeFormat

날짜 형식의 값일 때 서식

Type - string

editable

편집기로 수정 가능 여부

Type - boolean

editor

에디터

Type - CellEditor | ConfigObject

excelFormat

엑셀로 export할때 format을 지정한다.

Type - string

Remarks:

지정하지 않으면 DataColumn.excelFormat 또는 dataType에 따른 format이 적용된다.

exportStyleName

excel로 export될때 적용될 스타일 명

Type - string

numberFormat

숫자 형식의 값일 때 서식

Type - string

prefix

값의 앞쪽에 덧붙여 표시할 텍스트

Type - string

readOnly

수정 가능 금지 여부

Type - boolean

renderer

렌더러

Type - CellRenderer | ConfigObject

style

inline-style을 지정할때 사용한다.

Type - Partial<CSSStyleDeclaration>

Remarks:

td의 style에 추가할 속성을 지정한다.

styleName

스타일 명

Type - string

suffix

값의 뒤쪽에 덧붙여 표시할 텍스트

Type - string

textFormat

텍스트 형식의 값일 때 서식

Type - string