listView with GroupCount and ColumnName For Each Group

[Mohamad Javad]

Hello
  In the ListView, I need to divide the data into 4 groups (GroupItemCount=4)

and the header of each group should have a column name like the needed.png picture

 

But no matter how hard I tried, I couldn't set the listview so that the names of the columns in each group are displayed, and the output is like the picture show.png

Help me please

[Attila Antal]

Hi Mohamad,

The ListView supports two types of Grouping. One of which is the UI Grouping (Basic Grouping) and the other is the Data Grouping.

We have documentation and demos with instructions to set up the Grouping for both. Please review the links below:

UI Grouping - Groups are created in the UI regardless of the Data

• Basic grouping - demo
• UI Grouping - documentation

Data Grouping - Groups are created based on the data coming from the database

• DataGrouping - demo
• Data Grouping - documentation

Regards,
Attila Antal
Progress Telerik

[Mohamad Javad]

hi
thanks for your response.
I tested both Basic Grouping and Data Grouping and I could not get the required.png picture output.
Please give me the sample code. Thank you

[Mohamad Javad]

Hello
If listView doesn't have this feature in the needed.png photo, maybe GridView can solve my problem.
In this way, the GridView will grow horizontally without scrolling with constant promotion. Is this possible?
Thank you for helping me

[Attila Antal]

Hi Mohamad,

The design you have described is not a built-in functionality but a Layout structure that you will have to create. There are containers (Templates) for the Layout, Items, and Edit items, which the developer will have to design/create the way they want.

If you check the demo links I shared, you can see that both examples have different layout designs. That means you are free to customize the layout in any way you like.