Issue in Grid inside Accordion

[Nicola]

Hello,

I have 2 Grids with Total Summary visible. The Grids work well if stay in two separate div.

I tried put the grids inside an accordion component, the first grid in the first accordion item works well, 

the second grid in second accordion item has a display problem, the row summary is very high and the total are not visible.

    @{Html.EJ().Accordion("Accordion").Items(data =>
    {
    data.Add().Text("Servizi e Prodotti").ContentTemplate(@<div>
 
 
 
    @(Html.EJ().Grid<AfroditeProPortal.Models.IncassiArticoliModel>
            ("GridIncassiArticoli")
            .Datasource((IEnumerable<object>)ViewBag.incassiArticoli)
 
            .AllowGrouping()
 
            .GroupSettings(group => { group.GroupedColumns(col => { col.Add("tipoArticolo"); });
            })
 
            .Locale("it-IT")
            .ShowSummary()
            .SummaryRow(row =>
            {
 
                row.ShowTotalSummary(true)
                .SummaryColumns(col =>
                {
                    col.SummaryType(SummaryType.Sum)
                .DisplayColumn("qta")
                .DataMember("qta")
                .Prefix("Quantità=")
                .Format("{0:N0}")
                .Add();
                    col.SummaryType(SummaryType.Sum)
                .DisplayColumn("importo")
                .DataMember("importo")
                .Prefix("Totale=")
                .Format("{0:C}")
                .Add();
                    col.SummaryType(SummaryType.Sum)
                .DisplayColumn("importoScontato")
                .DataMember("importoScontato")
                .Prefix("Totale=")
                .Format("{0:C}")
                .Add();
                    col.SummaryType(SummaryType.Sum)
               .DisplayColumn("omaggio")
               .DataMember("omaggio")
               .Prefix("Totale=")
               .Format("{0:C}")
               .Add();
                    col.SummaryType(SummaryType.Sum)
              .DisplayColumn("omaggi")
              .DataMember("omaggi")
              .Prefix("Omaggi=")
              .Format("{0:N0}")
              .Add();
                }).Add();
 
            })
            .Columns(col =>
            {
                col.Field(c => c.sesso).HeaderText("Sesso").Width("10%").Add();
                col.Field(c => c.tipoArticolo).HeaderText("Tipo").Width("15%").Add();
 
                col.Field(c => c.qta).HeaderText("Quantità").Width("15%").TextAlign(TextAlign.Center).Format("{0:N0}").Add();
                col.Field(c => c.importo).HeaderText("Importo").Width("15%").TextAlign(TextAlign.Center).Format("{0:C}").Add();
                col.Field(c => c.importoScontato).HeaderText("Sconti").Width("15%").TextAlign(TextAlign.Center).Format("{0:C}").Add();
                col.Field(c => c.omaggio).HeaderText("Omaggi").Width("15%").TextAlign(TextAlign.Center).Format("{0:N0}").Add();
                col.Field(c => c.omaggi).HeaderText("Importo omaggi").Width("15%").TextAlign(TextAlign.Center).Format("{0:C}").Add();
 
            })
    )
    
 
</div>);
 
 
    data.Add().Text("Card - Tipo incasso - Media").ContentTemplate(@<div>
 
         
     @(Html.EJ().Grid<AfroditeProPortal.Models.IncassiCardModel>
        ("GridIncassiCard")
        .Datasource((IEnumerable<object>)ViewBag.incassiCard)
 
        .AllowGrouping()
 
        .GroupSettings(group =>
        {
            group.GroupedColumns(col => { col.Add("tipoCard"); });
        })
 
        .Locale("it-IT")
        .ShowSummary()
        .SummaryRow(row =>
        {
 
            row.ShowTotalSummary(true)
            .SummaryColumns(col =>
            {
                col.SummaryType(SummaryType.Sum)
            .DisplayColumn("qta")
            .DataMember("qta")
            .Prefix("Qta=")
            .Format("{0:N0}")
            .Add();
                col.SummaryType(SummaryType.Sum)
            .DisplayColumn("importo")
            .DataMember("importo")
            .Prefix("Totale=")
            .Format("{0:C}")
            .Add();
 
            }).Add();
 
        })
        .Columns(col =>
        {
            col.Field(c => c.tipoCard).HeaderText("Tipo").Width("20%").Add();
            col.Field(c => c.nomeCard).HeaderText("Nome").Width("20%").Add();
            col.Field(c => c.sesso).HeaderText("Sesso").Width("10%").Add();
            col.Field(c => c.qta).HeaderText("Qta").Width("10%").TextAlign(TextAlign.Center).Format("{0:N0}").Add();
            col.Field(c => c.importo).HeaderText("Importo").Width("30%").TextAlign(TextAlign.Center).Format("{0:C}").Add();
 
 
        })
    )
    </div>);
 
 
 
 
        }).Render();}
 

[Thavasianand Sankaranarayanan]

Hi Nicola, 

Thanks for contacting Syncfusion support. 

Query: Inside the Accordian control second Grid is not rendered well in the Accordian’s second section. 

We have analyzed your query and we are able to reproduce the reproduce the reported issue “Grid not render properly in Accorian’s second section when Summary and initial grouping enabled ”. This is already a known issue and we have fixed the issue internally. It will be included in our Volume 1 SP2, 2017 release which is expected to be rolled out at the end of March, 2017. 

 

Please let us know if you need further assistance. 

 

Regards, 

Thavasianand S.