All Projects → IvanJosipovic → Blazortable

IvanJosipovic / Blazortable

Licence: mit
Blazor Table Component with Sorting, Paging and Filtering

Projects that are alternatives of or similar to Blazortable

React Table
⚛️ Hooks for building fast and extendable tables and datagrids for React
Stars: ✭ 15,739 (+6220.88%)
Mutual labels:  filtering, grid, table, sorting
Vue Table Dynamic
🎉 A dynamic table with sorting, filtering, editing, pagination, multiple select, etc.
Stars: ✭ 106 (-57.43%)
Mutual labels:  filtering, data, table, sorting
ag-grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
Stars: ✭ 8,743 (+3411.24%)
Mutual labels:  sorting, grid, table, filtering
JqueryDataTablesServerSideDemo
Jquery DataTables with Asp.Net Core server side multi column sorting and searching Demo Project.
Stars: ✭ 43 (-82.73%)
Mutual labels:  sorting, aspnetcore, filtering
Vuejs Datatable
A Vue.js component for filterable and paginated tables.
Stars: ✭ 148 (-40.56%)
Mutual labels:  filtering, table, sorting
svelte-datagrid
Svelte data grid spreadsheet best best features and performance from excel
Stars: ✭ 48 (-80.72%)
Mutual labels:  sorting, grid, filtering
ember-sort-filter-table
A sortable/searchable table addon for ember cli
Stars: ✭ 13 (-94.78%)
Mutual labels:  sorting, table, filtering
Vue Bootstrap4 Table
Advanced table based on Vue 2 and Bootstrap 4 ⚡️
Stars: ✭ 187 (-24.9%)
Mutual labels:  filtering, table, sorting
Tabulator
Interactive Tables and Data Grids for JavaScript
Stars: ✭ 4,329 (+1638.55%)
Mutual labels:  data, grid, table
Sheetjs
📗 SheetJS Community Edition -- Spreadsheet Data Toolkit
Stars: ✭ 28,479 (+11337.35%)
Mutual labels:  data, grid, table
Owaspheaders.core
A .NET Core middleware for injecting the Owasp recommended HTTP Headers for increased security
Stars: ✭ 138 (-44.58%)
Mutual labels:  aspnetcore, nuget
Popo
PoPo is the grid layout tool, the best choice for runtime layout.
Stars: ✭ 130 (-47.79%)
Mutual labels:  data, grid
Baget
A lightweight NuGet and symbol server
Stars: ✭ 1,861 (+647.39%)
Mutual labels:  aspnet, nuget
Grid
Declarative React Canvas Grid primitive for Data table, Pivot table, Excel Worksheets and more 💥
Stars: ✭ 573 (+130.12%)
Mutual labels:  grid, table
Dotnetcore
.NET 5 Nuget Packages.
Stars: ✭ 146 (-41.37%)
Mutual labels:  aspnetcore, nuget
Recaptcha.aspnetcore
Google reCAPTCHA v2/v3 for .NET Core 3.x
Stars: ✭ 122 (-51%)
Mutual labels:  aspnetcore, nuget
Muuri React
The layout engine for React
Stars: ✭ 163 (-34.54%)
Mutual labels:  grid, sorting
Aspnet Api Versioning
Provides a set of libraries which add service API versioning to ASP.NET Web API, OData with ASP.NET Web API, and ASP.NET Core.
Stars: ✭ 2,154 (+765.06%)
Mutual labels:  aspnetcore, aspnet
Ka Table
Lightweight MIT React Table component for both TS and JS with Sorting, Filtering, Grouping, Virtualization, Editing and many more
Stars: ✭ 117 (-53.01%)
Mutual labels:  grid, table
Ngrid
A angular grid for the enterprise
Stars: ✭ 157 (-36.95%)
Mutual labels:  grid, table

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();

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>
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].