SMART datagrid v.1 > Examples

Back  Forward

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