NetcodeHub.Packages.Components.DataGrid
1.0.1
dotnet add package NetcodeHub.Packages.Components.DataGrid --version 1.0.1
NuGet\Install-Package NetcodeHub.Packages.Components.DataGrid -Version 1.0.1
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="NetcodeHub.Packages.Components.DataGrid" Version="1.0.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add NetcodeHub.Packages.Components.DataGrid --version 1.0.1
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: NetcodeHub.Packages.Components.DataGrid, 1.0.1"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install NetcodeHub.Packages.Components.DataGrid as a Cake Addin #addin nuget:?package=NetcodeHub.Packages.Components.DataGrid&version=1.0.1 // Install NetcodeHub.Packages.Components.DataGrid as a Cake Tool #tool nuget:?package=NetcodeHub.Packages.Components.DataGrid&version=1.0.1
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
First Install the package
NetcodeHub.Packages.Components.DataGrid
Add VirtualizationService to the program.cs file IF you would need it**
builder.services.AddVirtualizationService();
Add the javaScript file to the [index.html, App.razor, Host.cshtml]
<script src="_content/NetcodeHub.Packages.Components.DataGrid/event.js"></script>
Add the package namespace to your import.razor file**
@using NetcodeHub.Packages.Components
Use the DataGrid component
<NetcodeHubDataGrid HeaderBGColor="@BackgroundColor.Primary()"
HeaderColor="@Color.Light()"
HeaderFont="@Font.TimesNewRoman()"
HeaderSize="@Size.Large()"
ContentFont="@Font.ComicSansMS()"
CustomStyle=""
CssClass=""
DataGridFormat="@DataGridForm.Success()"
ContentBgColor="@BackgroundColor.Primary()"
CssClass="bg-danger">
<HeaderTemplate>
<tr>
<th>ID</th>
<th>NAME</th>
<th>ADDRESS</th>
<th>DATE</th>
</tr>
</HeaderTemplate>
<ContentTemplate>
@foreach (var item in LoadSalesOrderSample)
{
<tr>
<td>@item.Id</td>
<td>@item.Name</td>
<td>@item.Address</td>
<td>@item.Date</td>
</tr>
}
@if (Load)
{
<tr>
<td colspan="4" class="text-center mb-2">
<div class="spinner-border text-primary" role="status" style="z-index:99">
<span class="visually-hidden">Loading...</span>
</div>
</td>
</tr>
}
</ContentTemplate>
</NetcodeHubDataGrid>
@code
{
public sealed class SalesOrderDTO
{
public int Id { get; set; }
public DateTime Date { get; set; }
public string Name { get; set; } = string.Empty;
public string Address { get; set; } = string.Empty;
}
public List<SalesOrderDTO> LoadSalesOrderSample = new List<SalesOrderDTO>
{
new SalesOrderDTO(){Id = 1, Address = "Accra - Ghana", Date = DateTime.Now.AddDays(30), Name="Netcode-Hub"},
new SalesOrderDTO(){Id = 2, Address = "Kumasi - Ghana", Date = DateTime.Now.AddDays(7), Name="Frederick Jimmy"},
new SalesOrderDTO(){Id = 3, Address = "Sunyani - Ghana", Date = DateTime.Now.AddDays(10), Name="Asante James"},
new SalesOrderDTO(){Id = 4, Address = "Cape coast - Ghana", Date = DateTime.Now.AddDays(80), Name="James Borgard"},
new SalesOrderDTO(){Id = 5, Address = "Koforidua - Ghana", Date = DateTime.Now.AddDays(40), Name="Franklina Rose"},
new SalesOrderDTO(){Id = 6, Address = "Abuja - Nigeria", Date = DateTime.Now.AddDays(10), Name="Patrick Furgerson"},
new SalesOrderDTO(){Id = 7, Address = "Lagos - Nigeria", Date = DateTime.Now.AddDays(3), Name="Richmond Lamptey"},
new SalesOrderDTO(){Id = 8, Address = "Kolley Klottey - Accra", Date = DateTime.Now.AddDays(50), Name="Otoo Rosemond"},
new SalesOrderDTO(){Id = 9, Address = "Ada - Accra", Date = DateTime.Now.AddDays(6), Name="Baidoo Frank"},
new SalesOrderDTO(){Id = 10, Address = "Abia State - Nigeria", Date = DateTime.Now.AddDays(16), Name="Mohammed Yussif"},
new SalesOrderDTO(){Id = 11, Address = "Dawenyna - Ghana", Date = DateTime.Now.AddDays(30), Name="Dellious Hughes"},
new SalesOrderDTO(){Id = 12, Address = "Ashiaman - Ghana", Date = DateTime.Now.AddDays(7), Name="Freddy Jimmy"},
new SalesOrderDTO(){Id = 13, Address = "Huyna - Ghana", Date = DateTime.Now.AddDays(10), Name="Kindson James"},
new SalesOrderDTO(){Id = 14, Address = "Cape - Ghana", Date = DateTime.Now.AddDays(80), Name="Rubbison Borgard"},
new SalesOrderDTO(){Id = 15, Address = "Fosu - Ghana", Date = DateTime.Now.AddDays(40), Name="Miriama Rose"},
new SalesOrderDTO(){Id = 16, Address = "Praso - Nigeria", Date = DateTime.Now.AddDays(100), Name="Miriam Furgerson"},
new SalesOrderDTO(){Id = 17, Address = "Atwima - Nigeria", Date = DateTime.Now.AddDays(83), Name="Riana Lamptey"},
new SalesOrderDTO(){Id = 18, Address = "Kingdom - Accra", Date = DateTime.Now.AddDays(250), Name="Moodma Rosemond"},
new SalesOrderDTO(){Id = 19, Address = "Kweaso - Accra", Date = DateTime.Now.AddDays(66), Name="Modesta Frank"},
new SalesOrderDTO(){Id = 20, Address = "Benin State - Nigeria", Date = DateTime.Now.AddDays(16), Name="Kisiwaa Yussif"},
new SalesOrderDTO(){Id = 21, Address = "Togo - Ghana", Date = DateTime.Now.AddDays(30), Name="Netcode-Hub"},
new SalesOrderDTO(){Id = 22, Address = "Burkina - Ghana", Date = DateTime.Now.AddDays(7), Name="Frederick Jimmy"},
new SalesOrderDTO(){Id = 23, Address = "Taifa - Ghana", Date = DateTime.Now.AddDays(10), Name="Asante James"},
new SalesOrderDTO(){Id = 24, Address = "Jima coast - Ghana", Date = DateTime.Now.AddDays(80), Name="James Borgard"},
new SalesOrderDTO(){Id = 25, Address = "Rubby - Ghana", Date = DateTime.Now.AddDays(140), Name="Franklina Rose"},
new SalesOrderDTO(){Id = 26, Address = "Satasi - Nigeria", Date = DateTime.Now.AddDays(110), Name="Patrick Furgerson"},
new SalesOrderDTO(){Id = 27, Address = "Nwabiagya - Nigeria", Date = DateTime.Now.AddDays(13), Name="Richmond Lamptey"},
new SalesOrderDTO(){Id = 28, Address = "Maamobi Klottey - Accra", Date = DateTime.Now.AddDays(150), Name="Otoo Rosemond"},
new SalesOrderDTO(){Id = 29, Address = "Jumi - Accra", Date = DateTime.Now.AddDays(46), Name="Baidoo Frank"},
new SalesOrderDTO(){Id = 30, Address = "Fapa State - Nigeria", Date = DateTime.Now.AddDays(116), Name="Mohammed Yussif"},
new SalesOrderDTO(){Id =31, Address = "Accra - Ghana", Date = DateTime.Now.AddDays(30), Name="Netcode-Hub"},
new SalesOrderDTO(){Id = 32, Address = "Kumasi - Ghana", Date = DateTime.Now.AddDays(7), Name="Frederick Jimmy"},
new SalesOrderDTO(){Id = 33, Address = "Sunyani - Ghana", Date = DateTime.Now.AddDays(10), Name="Asante James"},
new SalesOrderDTO(){Id = 34, Address = "Cape coast - Ghana", Date = DateTime.Now.AddDays(80), Name="James Borgard"},
new SalesOrderDTO(){Id = 35, Address = "Koforidua - Ghana", Date = DateTime.Now.AddDays(40), Name="Franklina Rose"},
new SalesOrderDTO(){Id = 36, Address = "Abuja - Nigeria", Date = DateTime.Now.AddDays(10), Name="Patrick Furgerson"},
new SalesOrderDTO(){Id = 37, Address = "Lagos - Nigeria", Date = DateTime.Now.AddDays(3), Name="Richmond Lamptey"},
new SalesOrderDTO(){Id = 38, Address = "Kolley Klottey - Accra", Date = DateTime.Now.AddDays(50), Name="Otoo Rosemond"},
new SalesOrderDTO(){Id = 39, Address = "Ada - Accra", Date = DateTime.Now.AddDays(6), Name="Baidoo Frank"},
new SalesOrderDTO(){Id = 40, Address = "Abia State - Nigeria", Date = DateTime.Now.AddDays(16), Name="Mohammed Yussif"},
new SalesOrderDTO(){Id = 41, Address = "Dawenyna - Ghana", Date = DateTime.Now.AddDays(30), Name="Dellious Hughes"},
new SalesOrderDTO(){Id = 42, Address = "Ashiaman - Ghana", Date = DateTime.Now.AddDays(7), Name="Freddy Jimmy"},
new SalesOrderDTO(){Id = 43, Address = "Huyna - Ghana", Date = DateTime.Now.AddDays(10), Name="Kindson James"},
new SalesOrderDTO(){Id = 44, Address = "Cape - Ghana", Date = DateTime.Now.AddDays(80), Name="Rubbison Borgard"},
new SalesOrderDTO(){Id = 45, Address = "Fosu - Ghana", Date = DateTime.Now.AddDays(40), Name="Miriama Rose"},
new SalesOrderDTO(){Id = 46, Address = "Praso - Nigeria", Date = DateTime.Now.AddDays(100), Name="Miriam Furgerson"},
new SalesOrderDTO(){Id = 47, Address = "Atwima - Nigeria", Date = DateTime.Now.AddDays(83), Name="Riana Lamptey"},
new SalesOrderDTO(){Id = 48, Address = "Kingdom - Accra", Date = DateTime.Now.AddDays(250), Name="Moodma Rosemond"},
new SalesOrderDTO(){Id = 49, Address = "Kweaso - Accra", Date = DateTime.Now.AddDays(66), Name="Modesta Frank"},
new SalesOrderDTO(){Id = 40, Address = "Benin State - Nigeria", Date = DateTime.Now.AddDays(16), Name="Kisiwaa Yussif"},
new SalesOrderDTO(){Id = 41, Address = "Togo - Ghana", Date = DateTime.Now.AddDays(30), Name="Netcode-Hub"},
new SalesOrderDTO(){Id = 42, Address = "Burkina - Ghana", Date = DateTime.Now.AddDays(7), Name="Frederick Jimmy"},
new SalesOrderDTO(){Id = 43, Address = "Taifa - Ghana", Date = DateTime.Now.AddDays(10), Name="Asante James"},
new SalesOrderDTO(){Id = 44, Address = "Jima coast - Ghana", Date = DateTime.Now.AddDays(80), Name="James Borgard"},
new SalesOrderDTO(){Id = 45, Address = "Rubby - Ghana", Date = DateTime.Now.AddDays(140), Name="Franklina Rose"},
new SalesOrderDTO(){Id = 46, Address = "Satasi - Nigeria", Date = DateTime.Now.AddDays(110), Name="Patrick Furgerson"},
new SalesOrderDTO(){Id = 47, Address = "Nwabiagya - Nigeria", Date = DateTime.Now.AddDays(13), Name="Richmond Lamptey"},
new SalesOrderDTO(){Id = 48, Address = "Maamobi Klottey - Accra", Date = DateTime.Now.AddDays(150), Name="Otoo Rosemond"},
new SalesOrderDTO(){Id = 49, Address = "Jumi - Accra", Date = DateTime.Now.AddDays(46), Name="Baidoo Frank"},
new SalesOrderDTO(){Id = 50, Address = "Fapa State - Nigeria", Date = DateTime.Now.AddDays(116), Name="Mohammed Yussif"},
new SalesOrderDTO(){Id = 51, Address = "Accra - Ghana", Date = DateTime.Now.AddDays(30), Name="Netcode-Hub"},
new SalesOrderDTO(){Id = 52, Address = "Kumasi - Ghana", Date = DateTime.Now.AddDays(7), Name="Frederick Jimmy"},
new SalesOrderDTO(){Id = 53, Address = "Sunyani - Ghana", Date = DateTime.Now.AddDays(10), Name="Asante James"},
new SalesOrderDTO(){Id = 54, Address = "Cape coast - Ghana", Date = DateTime.Now.AddDays(80), Name="James Borgard"},
new SalesOrderDTO(){Id = 55, Address = "Koforidua - Ghana", Date = DateTime.Now.AddDays(40), Name="Franklina Rose"},
new SalesOrderDTO(){Id = 56, Address = "Abuja - Nigeria", Date = DateTime.Now.AddDays(10), Name="Patrick Furgerson"},
new SalesOrderDTO(){Id = 57, Address = "Lagos - Nigeria", Date = DateTime.Now.AddDays(3), Name="Richmond Lamptey"},
new SalesOrderDTO(){Id = 58, Address = "Kolley Klottey - Accra", Date = DateTime.Now.AddDays(50), Name="Otoo Rosemond"},
new SalesOrderDTO(){Id = 59, Address = "Ada - Accra", Date = DateTime.Now.AddDays(6), Name="Baidoo Frank"},
new SalesOrderDTO(){Id = 60, Address = "Abia State - Nigeria", Date = DateTime.Now.AddDays(16), Name="Mohammed Yussif"},
new SalesOrderDTO(){Id = 61, Address = "Dawenyna - Ghana", Date = DateTime.Now.AddDays(30), Name="Dellious Hughes"},
new SalesOrderDTO(){Id = 62, Address = "Ashiaman - Ghana", Date = DateTime.Now.AddDays(7), Name="Freddy Jimmy"},
new SalesOrderDTO(){Id = 63, Address = "Huyna - Ghana", Date = DateTime.Now.AddDays(10), Name="Kindson James"},
new SalesOrderDTO(){Id = 64, Address = "Cape - Ghana", Date = DateTime.Now.AddDays(80), Name="Rubbison Borgard"},
new SalesOrderDTO(){Id = 65, Address = "Fosu - Ghana", Date = DateTime.Now.AddDays(40), Name="Miriama Rose"},
new SalesOrderDTO(){Id = 66, Address = "Praso - Nigeria", Date = DateTime.Now.AddDays(100), Name="Miriam Furgerson"},
new SalesOrderDTO(){Id = 67, Address = "Atwima - Nigeria", Date = DateTime.Now.AddDays(83), Name="Riana Lamptey"},
new SalesOrderDTO(){Id = 68, Address = "Kingdom - Accra", Date = DateTime.Now.AddDays(250), Name="Moodma Rosemond"},
new SalesOrderDTO(){Id = 69, Address = "Kweaso - Accra", Date = DateTime.Now.AddDays(66), Name="Modesta Frank"},
new SalesOrderDTO(){Id = 70, Address = "Benin State - Nigeria", Date = DateTime.Now.AddDays(16), Name="Kisiwaa Yussif"},
new SalesOrderDTO(){Id = 71, Address = "Togo - Ghana", Date = DateTime.Now.AddDays(30), Name="Netcode-Hub"},
new SalesOrderDTO(){Id = 72, Address = "Burkina - Ghana", Date = DateTime.Now.AddDays(7), Name="Frederick Jimmy"},
new SalesOrderDTO(){Id = 73, Address = "Taifa - Ghana", Date = DateTime.Now.AddDays(10), Name="Asante James"},
new SalesOrderDTO(){Id = 74, Address = "Jima coast - Ghana", Date = DateTime.Now.AddDays(80), Name="James Borgard"},
new SalesOrderDTO(){Id = 75, Address = "Rubby - Ghana", Date = DateTime.Now.AddDays(140), Name="Franklina Rose"},
new SalesOrderDTO(){Id = 76, Address = "Satasi - Nigeria", Date = DateTime.Now.AddDays(110), Name="Patrick Furgerson"},
new SalesOrderDTO(){Id = 77, Address = "Nwabiagya - Nigeria", Date = DateTime.Now.AddDays(13), Name="Richmond Lamptey"},
new SalesOrderDTO(){Id = 78, Address = "Maamobi Klottey - Accra", Date = DateTime.Now.AddDays(150), Name="Otoo Rosemond"},
new SalesOrderDTO(){Id = 79, Address = "Jumi - Accra", Date = DateTime.Now.AddDays(46), Name="Baidoo Frank"},
new SalesOrderDTO(){Id = 80, Address = "Fapa State - Nigeria", Date = DateTime.Now.AddDays(116), Name="Mohammed Yussif"},
new SalesOrderDTO(){Id =81, Address = "Accra - Ghana", Date = DateTime.Now.AddDays(30), Name="Netcode-Hub"},
new SalesOrderDTO(){Id = 82, Address = "Kumasi - Ghana", Date = DateTime.Now.AddDays(7), Name="Frederick Jimmy"},
new SalesOrderDTO(){Id = 83, Address = "Sunyani - Ghana", Date = DateTime.Now.AddDays(10), Name="Asante James"},
new SalesOrderDTO(){Id = 84, Address = "Cape coast - Ghana", Date = DateTime.Now.AddDays(80), Name="James Borgard"},
new SalesOrderDTO(){Id = 85, Address = "Koforidua - Ghana", Date = DateTime.Now.AddDays(40), Name="Franklina Rose"},
new SalesOrderDTO(){Id = 86, Address = "Abuja - Nigeria", Date = DateTime.Now.AddDays(10), Name="Patrick Furgerson"},
new SalesOrderDTO(){Id = 87, Address = "Lagos - Nigeria", Date = DateTime.Now.AddDays(3), Name="Richmond Lamptey"},
new SalesOrderDTO(){Id = 88, Address = "Kolley Klottey - Accra", Date = DateTime.Now.AddDays(50), Name="Otoo Rosemond"},
new SalesOrderDTO(){Id = 89, Address = "Ada - Accra", Date = DateTime.Now.AddDays(6), Name="Baidoo Frank"},
new SalesOrderDTO(){Id = 90, Address = "Abia State - Nigeria", Date = DateTime.Now.AddDays(16), Name="Mohammed Yussif"},
new SalesOrderDTO(){Id = 91, Address = "Dawenyna - Ghana", Date = DateTime.Now.AddDays(30), Name="Dellious Hughes"},
new SalesOrderDTO(){Id = 92, Address = "Ashiaman - Ghana", Date = DateTime.Now.AddDays(7), Name="Freddy Jimmy"},
new SalesOrderDTO(){Id = 93, Address = "Huyna - Ghana", Date = DateTime.Now.AddDays(10), Name="Kindson James"},
new SalesOrderDTO(){Id = 94, Address = "Cape - Ghana", Date = DateTime.Now.AddDays(80), Name="Rubbison Borgard"},
new SalesOrderDTO(){Id = 95, Address = "Fosu - Ghana", Date = DateTime.Now.AddDays(40), Name="Miriama Rose"},
new SalesOrderDTO(){Id = 96, Address = "Praso - Nigeria", Date = DateTime.Now.AddDays(100), Name="Miriam Furgerson"},
new SalesOrderDTO(){Id = 97, Address = "Atwima - Nigeria", Date = DateTime.Now.AddDays(83), Name="Riana Lamptey"},
new SalesOrderDTO(){Id = 98, Address = "Kingdom - Accra", Date = DateTime.Now.AddDays(250), Name="Moodma Rosemond"},
new SalesOrderDTO(){Id = 99, Address = "Kweaso - Accra", Date = DateTime.Now.AddDays(66), Name="Modesta Frank"},
new SalesOrderDTO(){Id = 100, Address = "Benin State - Nigeria", Date = DateTime.Now.AddDays(16), Name="Kisiwaa Yussif"},
new SalesOrderDTO(){Id = 101, Address = "Togo - Ghana", Date = DateTime.Now.AddDays(30), Name="Netcode-Hub"},
new SalesOrderDTO(){Id = 102, Address = "Burkina - Ghana", Date = DateTime.Now.AddDays(7), Name="Frederick Jimmy"},
new SalesOrderDTO(){Id = 103, Address = "Taifa - Ghana", Date = DateTime.Now.AddDays(10), Name="Asante James"},
new SalesOrderDTO(){Id = 104, Address = "Jima coast - Ghana", Date = DateTime.Now.AddDays(80), Name="James Borgard"},
new SalesOrderDTO(){Id = 105, Address = "Rubby - Ghana", Date = DateTime.Now.AddDays(140), Name="Franklina Rose"},
new SalesOrderDTO(){Id = 106, Address = "Satasi - Nigeria", Date = DateTime.Now.AddDays(110), Name="Patrick Furgerson"},
new SalesOrderDTO(){Id = 107, Address = "Nwabiagya - Nigeria", Date = DateTime.Now.AddDays(13), Name="Richmond Lamptey"},
new SalesOrderDTO(){Id = 108, Address = "Maamobi Klottey - Accra", Date = DateTime.Now.AddDays(150), Name="Otoo Rosemond"},
new SalesOrderDTO(){Id = 109, Address = "Jumi - Accra", Date = DateTime.Now.AddDays(46), Name="Baidoo Frank"},
new SalesOrderDTO(){Id = 110, Address = "Fapa State - Nigeria", Date = DateTime.Now.AddDays(116), Name="Mohammed Yussif"},
new SalesOrderDTO(){Id = 111, Address = "Pomi - Accra", Date = DateTime.Now.AddDays(46), Name="Justice Kuus"},
new SalesOrderDTO(){Id = 112, Address = "Fapa State - Nigeria", Date = DateTime.Now.AddDays(116), Name="Kings Moore"}
};
}
Using Virtualization
@using NetcodeHub.Packages.Components
<VirtualizationContainer NotifyEvent="Notify">
<VirtualizationTemplate>
<NetcodeHubDataGrid HeaderBGColor="@HeaderBGColor.Primary"
HeaderColor="@HeaderColor.Light"
HeaderFont="@HeaderFont.TimesNewRoman"
HeaderSize="@HeaderSize.Large"
ContentFont="@ContentFont.ComicSansMS">
<HeaderTemplate>
<tr>
<th>ID</th>
<th>NAME</th>
<th>ADDRESS</th>
<th>DATE</th>
</tr>
</HeaderTemplate>
<ContentTemplate>
@foreach (var item in salesOrders)
{
<tr>
<td>@item.Id</td>
<td>@item.Name</td>
<td>@item.Address</td>
<td>@item.Date</td>
</tr>
}
@if (Load)
{
<tr>
<td colspan="4" class="text-center mb-2">
<div class="spinner-border text-primary" role="status" style="z-index:99">
<span class="visually-hidden">Loading...</span>
</div>
</td>
</tr>
}
</ContentTemplate>
</NetcodeHubDataGrid>
</VirtualizationTemplate>
</VirtualizationContainer>
@code {
protected override void OnInitialized()
{ salesOrders = GetList(PageSize, CurrentPage); CurrentPage++; }
int PageSize = 20;
int CurrentPage = 0;
List<SalesOrderDTO> salesOrders = [];
public bool Load { get; set; } = false;
public bool Stopper { get; set; } = false;
//We comsune the API
async Task Notify()
{
try
{
if (Stopper)
return;
Load = true;
Stopper = true;
await Task.Delay(3000);
var list = GetList(PageSize, CurrentPage);
if (list.Count > 0)
{
salesOrders.AddRange(list);
CurrentPage++;
StateHasChanged();
}
Stopper = false;
Load = false;
}catch
{
Load = false;
}
}
//Asuming this is API; We doing Server side Pagination
private List<SalesOrderDTO> GetList(int pageSize, int currentPage)
{
if (pageSize <= 0 || currentPage < 0) return null!;
int totalItemCount = LoadSalesOrderSample.Count();
int skipPage = pageSize * currentPage;
if (skipPage < totalItemCount)
{
int prev = totalItemCount - (pageSize * (currentPage - 1));
if (prev - pageSize < 0)
return LoadSalesOrderSample.Skip(prev).Take((totalItemCount - prev)).ToList();
else
return LoadSalesOrderSample.Skip(skipPage).Take(pageSize).ToList();
}
return null!;
}
}
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
net8.0
- Microsoft.AspNetCore.Components.Web (>= 8.0.3)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
This DataGrid package offers a simple yet powerful solution for displaying tabular data in Blazor applications. Built on HTML tables, this package provides an easy-to-use DataGrid component with added styles for improved visual appeal.
Key Features:
Effortless Integration: Seamlessly integrate the DataGrid component into your Blazor applications for efficient data presentation.
Table-Based Design: Utilizes HTML tables for data rendering, providing familiarity and ease of use.
Minimal Styling: Includes minimal but effective styles for a clean and professional appearance.
Customizable: Easily customize the DataGrid appearance and behavior to match your application's design requirements.