We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Issue in Grid inside Accordion

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();}
 



1 Reply

TS Thavasianand Sankaranarayanan Syncfusion Team March 10, 2017 02:03 PM UTC

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. 


Loader.
Live Chat Icon For mobile
Up arrow icon