SMART datagrid v.1 > Examples

Back  Forward

Merged Row Grouping  Example

If set RowGroup.displayMode as RowGroupDisplayMode.MERGED, you can display the cells contained in the same group except Basic Row Grouping in one merged cell. 

Grid - 1
rows

 

Code -1
    chkMerged_click: function (ev) {
        var newMode = ev.target.checked ? DataLudi.RowGroupDisplayMode.MERGED : DataLudi.RowGroupDisplayMode.BANDED;
        grid.rowGroup().setDisplayMode(newMode);
    }

You can specify the way to display the header or footer of each group differently depending on the expanded or hidden state through RowGroup.expandedAdornments and collapsedAdornments properties. 

RowGroup.expandedAdornments:
RowGroup.collapsedAdornments:

Export to an Excel file. 


View Source JSP 

See Also
RowGroup.displayMode
RowGroupDisplayMode
RowGroup.expandedAdornments
RowGroup.collapsedAdornments
RowGroupAdornments
GridView.groupBy
GridView.clearGroupBy
GridColumn.groupFooter
Examples
Row Grouping