SMART datagrid :: Row Group Levels

Row Group Levels Example

RowGroup.levels를 설정해서 행 그룹의 각 레벨별 스타일 및 몇가지 속성을 지정할 수 있다. 각 레벨 속성은 RowGroupLevel 객체로 지정한다.

아래 예제에서는 그룹 header, footer 및 expander 속성을 지정하고, header의 높이 및 표시 텍스트를 별도로 지정하고 있다.

Grid - 1

rows

Code -1

    grid.setOptions({
        rowGroup: {
            levels: [{
                headerStyles: {
                    borderTop: null,
                    borderBottom: '#55',
                    background: "#777",
                    color: "#fff"
                }, 
                footerStyles: {
                    background: "#500088ff"  
                },
                expanderStyles: {
                    borderTop: null,
                    borderBottom: '#55',
                    background: "#777",
                    shapeColor: "#fff"
                }
            },
            ...
            ]
        },
        ...
    });

소스보기 JSP

See Also: RowGroupLevel; RowGroup.levels; GridView.rowGroup; GridView.groupBy

Examples: 행 그룹핑; 병합 행 그룹핑