Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 27 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,36 @@ This example shows how to render custom component for particular column.

The cell edit template is used to add a custom component for a particular column. You can use the **EditTemplate** of the GridColumn component to add the custom component. You can access the parameters passed to the templates using implicit parameter named **context**.

To know more about cell edit template topic in Grid, please refer our documentation [here](https://blazor.syncfusion.com/documentation/datagrid/cell-edit-types#custom-editors-using-templatecell-edit-template)
## Features

* Fast rendering with virtualization and row/column virtualization
* Sorting, filtering, grouping, and searching capabilities
* Inline, batch, and dialog editing modes
* Template columns, column resizing, reordering, and freezing
* Excel and PDF export (requires additional Syncfusion export packages)

## Prerequisites

* Visual Studio 2022
* Visual Studio 2022 or later
* Visual Studio Code

## How to run the project

* Checkout this project to a location in your disk.
* Open the solution file using the Visual Studio 2022.
* Restore the NuGet packages by rebuilding the solution.
* Run the project.
1. Clone or download this repository to a location in your system.
2. Open the solution file using the Visual Studio or Visual Studio code.
3. Restore the NuGet packages by rebuilding the solution or run `dotnet restore`.
4. Build the project to ensure there are no compilation errors.
5. Run the project.

Optional CLI Commands:

```powershell
dotnet restore
dotnet build
```

## References

**Documentation**: https://blazor.syncfusion.com/documentation/datagrid/edit-types#render-custom-cell-editors

**Online example**: https://blazor.syncfusion.com/demos/datagrid/inline-editing?theme=bootstrap5