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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to customize the group header caption in grid

Essential Grid have option to customize the group header caption which will appear on grouping columns. We can provide our own group caption format in the GroupCaptionFormat property of the ej.Grid.locale[grid`s current locale name].

The default value of the GroupCaptionFormat property in the en-US locale is as follows.

 

The following parameter can be used in the template to customize group caption.

Table 1: Parameters

field

Defines the field name of the column that was grouped.

headerText

Defines the headerText value of the column that was grouped.

key

Defines the value against which the field grouped.

count

Defines the number of items present in the group.

items

Defines the collection of records present in the group

 

Grid initialization

JS

 

MVC

 

ASP

 

 

 

For example, we can set the custom group caption as follows.

 

The result grid will be as follows.

Figure: Grid control with custom group caption

We can also use as {{:field}} in the format template to show the field name of the current grouped column in the group caption. The below will show the field name instead of the column`s header text.

 

@Note: The above grid is rendered under locale “en-US”, if the locale is specified as es-ES, then the group caption format should be provided in ej.Grid.locale[en-ES”] object.

Article ID: Published Date: Last Revised Date: Platform: Control:
5197 07/09/2015 08/06/2015 JavaScript ejGrid
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Please sign in to access our KB

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon