GridBlazorByhamidjalalat 2.1.19

This data grid was created for Blazor developers by Hamid Jalalat (حمید جلالت)

Demo: https://www.aparat.com/v/hya3ou3

Sample: https://github.com/hamidjalalat/Template_blazor_UpdateToNet6/blob/master/HJTB.Client/Pages/DataGride/Crud.razor

Method of use:

<div class="row">
 <div class="col-md-12">
 <GridComponent @ref="Component" T="Product" Grid="@_grid"></GridComponent>
 </div>
</div>

code { private CGrid<Product> _grid; private Task _task; private GridComponent<Product> Component;

private CGrid<Product> _grid;
private Task _task;
private GridComponent<Product> Component;
[Parameter]
public string GridState { get; set; }

protected override async Task OnParametersSetAsync()
{
 var locale = CultureInfo.CurrentCulture;

 Action<IGridColumnCollection<Product>> columns = c =>
 ColumnCollections.ProductColumnsWithEdit(c, new List<Func<object, Task>>(),
 "editrows");

 var query = new QueryDictionary<StringValues>();

 if (!string.IsNullOrWhiteSpace(GridState))
 {
 try
 {
 query = StringExtensions.GetQuery(GridState);
 }
 catch (Exception)
 {
 //insert to log( do nothing, GridState was not a valid state)
 }
 }

 string url = Service.BaseUrl + "/Products/OrderColumnsWithEdit";

 var client = new GridClient<Product>(HttpClient, url, query, false, "Products", columns, locale)
 .Sortable()
 .Filterable()
 .Searchable(true, false, false)
 .SetStriped(true)
 .WithMultipleFilters()
 .WithGridItemsCount()
 .ClearFiltersButton(true)
 .Searchable(true, false, false)
 .SetExcelExport(true, true, "Product");

 _grid = client.Grid;

 _task = client.UpdateGrid();

 await _task;
}

}