guide Table

너비가 고정된 cell들에 layout 필드를 배치하는 realgrid와 유사한 table 형태의 행 설정 모델.
넘치는 경우 행 표시 진행 반대 방향으로 스크롤 가능하고, 한 행을 여러 줄의 row로 표시할 수 있다.

image-01

Table 모델

테이블모델은 테이블의 column, row 개수를 지정한다.

Table Template

테이블 행 템플릿의 기본 틀은 기본 템플릿과 동일하다. 다만, 최상위 layout 구성 대신 cells 속성에 테이블 셀에 배치될 layout 필드들을 지정한다.

const row_template = {
    template: {
        cells: [{
            field: 'SIGUN_NM',
            header: { renderer: { label: '시군'} },
            footer: { value: '${@count}건', align: 'right' }
        }, {
            field: 'DIV',
            header: {
                renderer: {
                    label: '구분',
                    // markVisible: false,
                    // orderVisible: false,
                }
            }
        }],
        rowStyle: {
            fontSize: '15px',
            checked: {
                backgroundColor: '#0088ff20'
            }
        }
    }
};

See Also

IRtTableModel