SMART datagrid :: Column Header Summary

Column Header Summary Example

그리드 헤더 바로 아래 HeaderSummary 영역에 그리드 푸터와 동일한 방식으로 컬럼별 합계를 표시할 수 있다. 이 영역에 표시할 수식 등은 ColumnHeader.summary 속성으로 지정한다.

Grid - 1

rows

이 Summary 영역을 표시하기 위해서는 GridHeader.summary 속성을 통해 visible을 먼저 true로 지정해야 한다.

Code -1

    grid.header().setSummary({
        visible: true,
        styles: {
            background: "#20ffa500"
        }
    });

각 컬럼별 속성은 ColumnHeader.summary 속성으로 지정한다.

Code -2

    var columns = [{
        header: {
            text: "Quantity",
            summary: {
                expression: "sum",
                styles: {
                    numberFormat: "#,##0"
                }
            }, 
            footer: {
                expression: "sum",
            }
        }
    }, ... 
    ];
    grid.setColumns(columns);

합계 수식을 지정하는 방식 등은 컬럼 푸터와 동일하다. 컬럼 푸터 예제를 참조한다.

소스보기 JSP

See Also: HeaderSummary; ColumnFooter; SummaryMode; getSummary