New to Telerik UI for Blazor? Download Free 30-day trial
Grid - Template Basics
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
Column and Header Templates
| Image | Article Title |
|---|
 |
How to Make Games for Everyone |
 |
How to design with love? |
 |
A good designer is an Emotional Polymath — what? |
 |
Why Minimalist Logos Are the Best for Big Business |
 |
Money, Likes, and Memes Are All the Same Thing |
 |
From UX to UI development |
 |
7 Things Mentally Strong People Avoid Doing |
 |
How to Solve Your "Lack of Motivation" Problem |
 |
Make it a habit to externalize your design work |
 |
Morning Routines That Will Help You Feel More Energized |
 |
What Color is Your Name? A New Synesthesia Tool Will Show You |
 |
When it comes to design, your eyes are way better than maths |
 |
Microinteractions: small details matter |
 |
Key principles in animation |
 |
The 60-30-10 Rule of Time Management |
 |
Real-time mobile UI/UX prototyping with Figma Mirror |
 |
5 apps that will turn your mobile phone into a productivity machine |
 |
Lessons I've Learned From Studying Money for 10 Years |
 |
The 5-Year Rule: How to Create the Future You Want |
 |
Creativity is only impressive when there's restrictions |
 |
3 areas of focus to becoming a better Product Designer |
 |
The secret of usable design |
 |
When You Eat Is More Important Than What You Eat |
 |
Breaking into Design |
 |
What's the Difference Between Brand and Brand Identity |
Row and Pager Template
| Image | Article Title |
|---|
|
How to Make Games for Everyone |
|
How to design with love? |
|
A good designer is an Emotional Polymath — what? |
|
Why Minimalist Logos Are the Best for Big Business |
|
Money, Likes, and Memes Are All the Same Thing |
|
From UX to UI development |
|
7 Things Mentally Strong People Avoid Doing |
|
How to Solve Your "Lack of Motivation" Problem |
|
Make it a habit to externalize your design work |
|
Morning Routines That Will Help You Feel More Energized |
- Templates.razor
- ArticleService.cs
- ArticleDto.cs
Loading the demo source code...please wait.
Description
The Telerik UI for Blazor Grid exposes various Templates that allow you to take control of the rendering of different aspects of the components. You can alter the default editor of the Grid by using the EditorTemplate. For example, if you want to edit your DateTime column with DateTimePicker, instead with the default DatePicker. You can control the rendering of the column and override the default rendering by using the Column Template as shown in the left-hand side Grid in this demo. The other Grid component showcases the usage of the Row Template. This template allows you to define in your own code the entire contents of the <tr> element the grid will render for each record.
This Blazor Data Grid Template Basics example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.