Render Upload Component In Edit Template In Blazor Datagrid

Updated on Jun 01, 2025
blazor blazordatagrid customize-edit datagrid edittemplate file-handling fileupload grid syncfusion upload uploader

This sample demonstrates how to embed the Syncfusion Blazor File Upload component within the EditTemplate of the Syncfusion Blazor DataGrid. It allows users to upload files directly while editing grid rows, handling file selection and upload events, and binding uploaded file details seamlessly with the grid data.

Features

  • Integrate Syncfusion Blazor Uploader component into EditTemplate
  • Upload files while editing grid rows
  • Customize file handling logic during data editing
  • Display uploaded file details in the DataGrid

Getting Started

Prerequisites

Project Setup

  1. Clone the repository:

    git clone https://github.com/SyncfusionExamples/Render-Upload-component-in-edit-template-in-Blazor-DataGrid.git
    
  2. Navigate to the project folder:

     cd Render-Upload-component-in-edit-template-in-Blazor-DataGrid
    
  3. Restore the NuGet packages:

     dotnet restore
    
  4. Build and run the application:

     dotnet run
    
  5. Open the browser at https://localhost:port (port varies).