https://github.com/IvanJosipovic/BlazorTable

Blazor Table Component with Sorting, Paging and Filtering
https://github.com/IvanJosipovic/BlazorTable

aspnet aspnetcore blazor data filtering grid nuget paging sorting table

Last synced: about 2 months ago
JSON representation

Blazor Table Component with Sorting, Paging and Filtering

• Host: GitHub
• URL: https://github.com/IvanJosipovic/BlazorTable
• Owner: IvanJosipovic
• License: mit
• Created: 2019-10-19T01:25:53.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-07-09T14:17:42.000Z (3 months ago)
• Last Synced: 2024-07-09T22:18:24.899Z (3 months ago)
• Topics: aspnet, aspnetcore, blazor, data, filtering, grid, nuget, paging, sorting, table
• Language: C#
• Homepage: https://BlazorTable.netlify.app
• Size: 1.38 MB
• Stars: 537
• Watchers: 25
• Forks: 107
• Open Issues: 94
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# BlazorTable

[![Demo](https://img.shields.io/badge/Live-Demo-Blue?style=flat-square)](https://BlazorTable.netlify.com/)

[![Nuget (with prereleases)](https://img.shields.io/nuget/vpre/BlazorTable.svg?style=flat-square)](https://www.nuget.org/packages/BlazorTable)

[![Nuget (with prereleases)](https://img.shields.io/nuget/dt/BlazorTable.svg?style=flat-square)](https://www.nuget.org/packages/BlazorTable)

![](https://github.com/IvanJosipovic/BlazorTable/workflows/CI/CD/badge.svg)

Blazor Table Component with Sorting, Paging and Filtering

[![Sample Gif](https://raw.githubusercontent.com/IvanJosipovic/BlazorTable/master/BlazorTable.gif)](/BlazorTable.gif)

## Install

- Add [BlazorTable Nuget](https://www.nuget.org/packages/BlazorTable)

  - dotnet add package BlazorTable

- Add to the index.html or _Hosts.cshtml

  - ``

- 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](https://docs.microsoft.com/en-us/aspnet/core/blazor/hosting-models?view=aspnetcore-5.0#blazor-webassembly-1) project.

## Features

- Column Reordering

- Edit Mode ([Template Switching](https://github.com/IvanJosipovic/BlazorTable/blob/master/src/BlazorTable.Sample.Shared/Pages/EditMode.razor))

- Client Side

	- Paging

	- Sorting

    - Filtering

      	- Strings

        - Numbers

        - Dates

        - Enums

        - Custom Component

## Dependencies

- Bootstrap 4 CSS

## Sample

[Example Page](https://github.com/IvanJosipovic/BlazorTable/blob/master/src/BlazorTable.Sample.Shared/Pages/Index.razor)

```csharp

    

    

    

    

        

            @context.email

        

    

    

    

    

        

            @context.created_date.ToShortDateString()

        

    

    

```