BlazorTable 1.17.0

.NET Standard 2.1
dotnet add package BlazorTable --version 1.17.0
NuGet\Install-Package BlazorTable -Version 1.17.0
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="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
#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

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 net7.0 net7.0-android net7.0-ios net7.0-maccatalyst net7.0-macos net7.0-tvos net7.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 46,195 8/28/2021
1.16.0 1,124 8/15/2021
1.15.0 24,962 2/1/2021
1.14.0 12,421 11/26/2020
1.13.1 10,106 10/5/2020
1.13.0 371 10/5/2020
1.12.1 7,945 8/5/2020
1.12.0 446 7/29/2020
1.11.1 7,747 6/4/2020
1.11.0 880 5/18/2020
1.9.0 928 5/4/2020
1.8.1 792 4/23/2020
1.8.0 492 4/18/2020
1.7.2 655 4/5/2020
1.7.1 602 4/2/2020
1.7.0 394 4/1/2020
1.6.0 442 3/31/2020
1.5.1 1,018 3/22/2020
1.5.0 469 3/13/2020
1.4.0 739 3/9/2020
1.3.0 361 3/7/2020
1.2.0 407 3/5/2020
1.1.0 1,387 1/20/2020
1.0.9 396 1/16/2020
1.0.8 498 1/8/2020
1.0.7 485 1/6/2020
1.0.6 420 1/2/2020
1.0.5 472 12/20/2019
1.0.4 459 12/16/2019
1.0.3 517 12/11/2019
1.0.2 458 12/6/2019
1.0.1 449 12/4/2019
1.0.0 398 12/4/2019
0.0.9-preview3 385 11/15/2019
0.0.9-preview2 231 11/14/2019
0.0.8-preview2 253 11/6/2019
0.0.8-preview1 238 11/2/2019
0.0.7-preview1 232 10/26/2019
0.0.6-alpha 234 10/24/2019
0.0.5-alpha 221 10/23/2019
0.0.4-alpha 228 10/21/2019
0.0.3-alpha 222 10/21/2019
0.0.2-alpha 220 10/20/2019
0.0.1-alpha 240 10/19/2019