Group summary row without DisplayColumn - fill entire row with summary data

[Malcolm van Staden]

Hi,

Is it possible to have a group summary row without fixing it to a specific column? We want to display the summary data apart from a specific column (we want it to be aligned on the left). Setting it to the DisplayColumn squashes the summary data as our first column is small. How can fill the entire row with the data without it being constrained to the columns?

Current output:

Required output:

We have a similar question regarding the TOTAL summary row as well.

[Farveen Sulthana Thameeztheen Basha]

Hi Malcolm, 

 

Thanks for your interest in Syncfusion Components. 

Query#:- How can fill the entire row with the data without it being constrained to the columns? 

 

We have checked your query and to achieve your requirement we suggest to override the existing CSS Styles of .e-summaryrow in order to fill the summary value to fill the row as like your provided screenshot. 

Refer to the code below:- 

<style> 

    .e-grid .e-summaryrow { 

        white-space: pre !important; 

        overflow: unset; 

    } 

</style> 

Screenshot:- 

 

Please get back to us if you need any further assistance. 

Regards, 

Farveen sulthana T