BlazorTable 1.17.0

.NET Standard 2.1
Install-Package BlazorTable -Version 1.17.0
dotnet add package BlazorTable --version 1.17.0
<PackageReference Include="BlazorTable" Version="1.17.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BlazorTable --version 1.17.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: BlazorTable, 1.17.0"
#r directive can be used in F# Interactive, C# scripting and .NET Interactive. Copy this into the interactive tool or source code of the script to reference the package.
// Install BlazorTable as a Cake Addin
#addin nuget:?package=BlazorTable&version=1.17.0

// Install BlazorTable as a Cake Tool
#tool nuget:?package=BlazorTable&version=1.17.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

BlazorTable

Demo Nuget (with prereleases) Nuget (with prereleases)

Blazor Table Component with Sorting, Paging and Filtering

Sample Gif

Install

  • Add BlazorTable Nuget
    • dotnet add package BlazorTable
  • Add to the index.html or _Hosts.cshtml
    • <script src="_content/BlazorTable/BlazorTable.min.js"></script>
  • Add call to Program.cs or Startup.cs
    • Services.AddBlazorTable();

Note: If installing BlazorTable in a hosted Blazor WASM application, these steps should be performed in the WASM Client project.

Features

  • Column Reordering
  • Edit Mode (Template Switching)
  • Client Side
    • Paging
    • Sorting
    • Filtering
      • Strings
      • Numbers
      • Dates
      • Enums
      • Custom Component

Dependencies

  • Bootstrap 4 CSS

Sample

Example Page

<Table TableItem="PersonData" Items="data" PageSize="15">
    <Column TableItem="PersonData" Title="Id" Field="@(x => x.id)" Sortable="true" Filterable="true" Width="10%" />
    <Column TableItem="PersonData" Title="First Name" Field="@(x => x.first_name)" Sortable="true" Filterable="true" Width="20%" />
    <Column TableItem="PersonData" Title="Last Name" Field="@(x => x.last_name)" Sortable="true" Filterable="true" Width="20%" />
    <Column TableItem="PersonData" Title="Email" Field="@(x => x.email)" Sortable="true" Filterable="true" Width="20%">
        <Template>
            <a href="mailto:@context.email">@context.email</a>
        </Template>
    </Column>
    <Column TableItem="PersonData" Title="Confirmed" Field="@(x => x.confirmed)" Sortable="true" Filterable="true" Width="10%" />
    <Column TableItem="PersonData" Title="Price" Field="@(x => x.price)" Sortable="true" Filterable="true" Width="10%" Format="C" Align="Align.Right" />
    <Column TableItem="PersonData" Title="Created Date" Field="@(x => x.created_date)" Sortable="true" Width="10%">
        <Template>
            @context.created_date.ToShortDateString()
        </Template>
    </Column>
    <Pager ShowPageNumber="true" ShowTotalCount="true" />
</Table>
Product Versions
.NET net5.0 net5.0-windows net6.0 net6.0-android net6.0-ios net6.0-maccatalyst net6.0-macos net6.0-tvos net6.0-windows
.NET Core netcoreapp3.0 netcoreapp3.1
.NET Standard netstandard2.1
MonoAndroid monoandroid
MonoMac monomac
MonoTouch monotouch
Tizen tizen60
Xamarin.iOS xamarinios
Xamarin.Mac xamarinmac
Xamarin.TVOS xamarintvos
Xamarin.WatchOS xamarinwatchos
Compatible target framework(s)
Additional computed target framework(s)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on BlazorTable:

Package Downloads
Blazorized.AdminLte.Plugins

ADMINLTE plugins for Blazor is a collection of reusable components, with which you can easily develop digital services as a designer or developer. This project gathers a set of curated UI components that have been tested against the Blazorized AdminLTE project.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.17.0 19,855 8/28/2021
1.16.0 943 8/15/2021
1.15.0 21,161 2/1/2021
1.14.0 10,773 11/26/2020
1.13.1 9,109 10/5/2020
1.13.0 296 10/5/2020
1.12.1 4,471 8/5/2020
1.12.0 367 7/29/2020
1.11.1 6,726 6/4/2020
1.11.0 793 5/18/2020
1.9.0 843 5/4/2020
1.8.1 720 4/23/2020
1.8.0 421 4/18/2020
1.7.2 581 4/5/2020
1.7.1 504 4/2/2020
1.7.0 319 4/1/2020
1.6.0 363 3/31/2020
1.5.1 459 3/22/2020
1.5.0 391 3/13/2020
1.4.0 661 3/9/2020
1.3.0 278 3/7/2020
1.2.0 334 3/5/2020
1.1.0 1,304 1/20/2020
1.0.9 319 1/16/2020
1.0.8 415 1/8/2020
1.0.7 403 1/6/2020
1.0.6 340 1/2/2020
1.0.5 392 12/20/2019
1.0.4 384 12/16/2019
1.0.3 443 12/11/2019
1.0.2 381 12/6/2019
1.0.1 373 12/4/2019
1.0.0 321 12/4/2019
0.0.9-preview3 346 11/15/2019
0.0.9-preview2 194 11/14/2019
0.0.8-preview2 222 11/6/2019
0.0.8-preview1 206 11/2/2019
0.0.7-preview1 195 10/26/2019
0.0.6-alpha 194 10/24/2019
0.0.5-alpha 185 10/23/2019
0.0.4-alpha 187 10/21/2019
0.0.3-alpha 183 10/21/2019
0.0.2-alpha 182 10/20/2019
0.0.1-alpha 203 10/19/2019