Getting Started

Getting started with Simple Blazor Grid is easy...

1. Install via NuGet

The latest version can be found on NuGet. To add Simple Blazor Grid to your project, run the following command

dotnet add package SimpleBlazorGrid.Core

2. .AddSimpleBlazorGrid()

Simple Blazor Grid provides configuration options that control the look of created tables as well as how certain data types are formatted. To get started quickly, add the following snipped to your Program.cs file, or, for a full overview, see the Configuration section.

builder.Services.AddSimpleBlazorGrid();

3. Reference the StyleSheet

In your _Host.cshtml file, add the following snippet to import the required CSS classes for the data grid to function

<link rel="stylesheet" href="~/_content/SimpleBlazorGrid.Core/css/simpledatagrid.css"/>

4. Create your first table

Congratulations! You have successfully setup Simple Blazor Grid, Either skip ahead to SimpleGrid<T> to see how to create your first table, or go to the next section (configuration) to see how you can customise and configure the data grid.