RealGrid2 API
Interface
GridFooter

GridFooter

푸터 영역의 단일 설정 모델

Signature:

export interface GridFooter extends GridSummaryObject 

Extends: GridSummaryObject

Remarks

그리드는 별도의 설정이 없는 경우 하나의 푸터를 자동으로 생성하고 GridBase.footer는 첫번째 푸터를 반환한다..

setFooter()를 이용해서 속성을 변경하거나 또는 GridBase.footer를 이용해서 원하는 속성만 지정한다.

Example

gridView.setFooter({styleName: 'custom-footer'});
// 또는
gridView.footer.styleName = 'custom-footer';

Events

PropertyTypeDescription
cellStyleCallbackCellStyleCallback셀 스타일을 지정하기 위한 콜백

Properties

PropertyTypeDescription
footerIndexnumber푸터의 콜렉션 내에서의 순서
heightnumber높이
heightsnumber[]여러행으로 구성된 footer Row의 TR별 높이를 배열로 지정한다.
minHeightnumber최소 높이
styleNamestring스타일 클래스 이름
valueanyvalueCallback 또는 expression에서 계산된 값을 보관한다.
visibleboolean표시 여부

Events Desc

cellStyleCallback

셀 스타일을 지정하기 위한 콜백

Type - CellStyleCallback

Remarks:

string 형태의 css 클래스 명 또는 ColumnSummaryStyleObject 형태로 지정가능하다.

Example:

// 푸터 적용
const f = function (grid, cell) {
     if (cell.value > 10) {
         return {
             styleName: 'custom-footer'
         }
     }
}
footer.cellStyleCallback = f;

Properties Desc

footerIndex

푸터의 콜렉션 내에서의 순서

Type - number


height

높이

Type - number

Remarks:

0이면 자동으로 계산하여 지정한다. 0 이상이면 minHeight와 비교하여 더 큰 값으로 지정한다.


heights

여러행으로 구성된 footer Row의 TR별 높이를 배열로 지정한다.

Type - number[]

Remarks:

heights가 지정되면 height는 무시된다.


minHeight

최소 높이

Type - number


styleName

스타일 클래스 이름

Type - string


value

valueCallback 또는 expression에서 계산된 값을 보관한다.

Type - any


visible

표시 여부

Type - boolean