Blazor ListView Example - Group Templates

ListView / Customization / Group Template

This sample demonstrates the group template functionality of the ListView component. Click any list item from the settings option to select and highlight an option.

Loading Syncfusion Blazor Server Demos…

Settings
  • Wireless & networks
  • WI-FI Disabled
  • Bluetooth Disabled
  • SIM cards AT&T
  • Device
  • Display Adaptive brightness is OFF
  • Sound Ringer volume at 50%
  • Battery 85%
  • Users Signed in as Albert
  • Personal
  • Location ON / High accuracy
  • Security Screen Lock
  • Languages & input English (US)

The ListView component has an option to customize the group header title with the help of GroupTemplate tag directive.

In this demo, both the group header and list items are customized using the GroupTemplate and Template tag directives.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE