Skip to content
A simple Table Control for Blazor with Sorting, Paging and Filtering
C# HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/workflows updated dotnet sdk to 3.1.100-preview2-014569 Nov 4, 2019
src Added Column Align Property Nov 14, 2019
.gitignore Initial Upload Oct 19, 2019
.sonarcloud.properties Create .sonarcloud.properties Oct 24, 2019
BlazorTable.sln Initial Upload Oct 19, 2019
LICENSE Initial Upload Oct 19, 2019
README.md updated description Nov 2, 2019

README.md

BlazorTable

Demo Nuget (with prereleases) Nuget (with prereleases) Quality Gate Status

Work in progress!

A simple Table Control for Blazor with Sorting, Paging and Filtering

Features

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

Todo

  • Remove dependency on Bootstrap + BlazorStrap

Sample

Example

<Table TableItem="PersonData" Items="data" PageSize="15">
    <Column TableItem="PersonData" Title="Id" Field="@(x => x.id)" Sortable="true" Filterable="true" Width="10%">
        <Template>
            @context.id
        </Template>
    </Column>
    <Column TableItem="PersonData" Title="First Name" Field="@(x => x.first_name)" Sortable="true" Filterable="true" Width="20%">
        <Template>
            @context.first_name
        </Template>
    </Column>
    <Column TableItem="PersonData" Title="Last Name" Field="@(x => x.last_name)" Sortable="true" Filterable="true" Width="20%">
        <Template>
            @context.last_name
        </Template>
    </Column>
    <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%">
        <Template>
            @context.confirmed.ToString()
        </Template>
    </Column>
    <Column TableItem="PersonData" Title="Fund" Field="@(x => x.fund)" Sortable="true" Filterable="true" Width="10%">
        <Template>
            $@context.fund
        </Template>
    </Column>
    <Column TableItem="PersonData" Title="Created Date" Field="@(x => x.created_date)" Sortable="true" Width="10%">
        <Template>
            @context.created_date.ToShortDateString()
        </Template>
    </Column>
    <Pager TableItem="PersonData" ShowPageNumber="true" ShowTotalCount="true" />
</Table>
You can’t perform that action at this time.