Columnstyleobject

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

Property	Type	Description
booleanFormat	string	Boolean 형식의 값일 때 서식
button	CellButton	셀에 표시될 CellButton의 종류를 지정한다.
buttonWidth	number	CellButton의 너비를 변경한다.
cellProtectProps	CellProtectProperties	엑셀로 export할때 셀 잠금 또는 수식 숨기기를 설정한다.
datetimeFormat	string	날짜 형식의 값일 때 서식
editable	boolean	편집기로 수정 가능 여부
editor	CellEditor \| ConfigObject	에디터
excelFormat	string	엑셀로 export할때 format을 지정한다.
exportStyleName	string	excel로 export될때 적용될 스타일 명
numberFormat	string	숫자 형식의 값일 때 서식
prefix	string	값의 앞쪽에 덧붙여 표시할 텍스트
readOnly	boolean	수정 가능 금지 여부
renderer	CellRenderer \| ConfigObject	렌더러
style	Partial<CSSStyleDeclaration>	inline-style을 지정할때 사용한다.
styleName	string	스타일 명
suffix	string	값의 뒤쪽에 덧붙여 표시할 텍스트
text	string	데이터 대신 셀에 표시될 text
textFormat	string	텍스트 형식의 값일 때 서식

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

text

데이터 대신 셀에 표시될 text

Type - string

Remarks:

DataColumn.lookupDisplay 또는 DataColumn.displayCallback 보다 먼저 적용된다.

textFormat

텍스트 형식의 값일 때 서식

Type - string

ColumnObject ColumnSummary