FlareTables 1.3.0-alpha

Package Description

This is a prerelease version of FlareTables.
There is a newer prerelease version of this package available.
See the version list below for details.
Install-Package FlareTables -Version 1.3.0-alpha
dotnet add package FlareTables --version 1.3.0-alpha
<PackageReference Include="FlareTables" Version="1.3.0-alpha" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add FlareTables --version 1.3.0-alpha
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

FlareTables

High-performance, paginated, filterable table component for Blazor. Inspired by jQuery Datatables, but much faster. No default CSS is included; if it was it probably wouldn't fit with the rest of your site's design, so you would have to override it anyway.

View on NuGet.org

Contents

Filtering demo

Filtering and sorting 100,000 rows of data in <1 second

Filtering example

Sorting example

Example usage


@functions {
    [Parameter]
    private IEnumerable<Contact> Data { get; set; }

    private TableStateHandler _flareTable;

    protected override void OnInit()
    {
        _flareTable = new TableStateHandler(Data, StateHasChanged, 3, 25);
    }

    <FlareTablePaginationButtons TableState="@_flareTable"></FlareTablePaginationButtons>
    <FlareTablePaginationSize TableState="@_flareTable"></FlareTablePaginationSize>
    <FlareTableColumnReset TableState="@_flareTable"></FlareTableColumnReset>
}

<table>
    <thead>
    <tr>
        @foreach (PropertyInfo field in new Contact().GetType().GetProperties().ToList())
        {
            _flareTable.InitColumn(field.Name);
            <th>@field.Name</th>
        }
    </tr>
    <tr>
        @foreach (PropertyInfo field in new Contact().GetType().GetProperties().ToList())
        {
            <th>
                <FlareTableColumnFilter TableState="@_flareTable" FieldName="@field.Name"></FlareTableColumnFilter>
            </th>
        }
    </tr>
    </thead>
    <tbody>
    @foreach (Contact row in _flareTable.Data())
    {
        <tr>
            @foreach (var field in row.GetType().GetProperties().ToList())
            {
                <td>@field.GetValue(row)</td>
            }
        </tr>
    }
    </tbody>
</table>

<FlareTableInfo TableState="@_flareTable"></FlareTableInfo>

FlareTables

High-performance, paginated, filterable table component for Blazor. Inspired by jQuery Datatables, but much faster. No default CSS is included; if it was it probably wouldn't fit with the rest of your site's design, so you would have to override it anyway.

View on NuGet.org

Contents

Filtering demo

Filtering and sorting 100,000 rows of data in <1 second

Filtering example

Sorting example

Example usage


@functions {
    [Parameter]
    private IEnumerable<Contact> Data { get; set; }

    private TableStateHandler _flareTable;

    protected override void OnInit()
    {
        _flareTable = new TableStateHandler(Data, StateHasChanged, 3, 25);
    }

    <FlareTablePaginationButtons TableState="@_flareTable"></FlareTablePaginationButtons>
    <FlareTablePaginationSize TableState="@_flareTable"></FlareTablePaginationSize>
    <FlareTableColumnReset TableState="@_flareTable"></FlareTableColumnReset>
}

<table>
    <thead>
    <tr>
        @foreach (PropertyInfo field in new Contact().GetType().GetProperties().ToList())
        {
            _flareTable.InitColumn(field.Name);
            <th>@field.Name</th>
        }
    </tr>
    <tr>
        @foreach (PropertyInfo field in new Contact().GetType().GetProperties().ToList())
        {
            <th>
                <FlareTableColumnFilter TableState="@_flareTable" FieldName="@field.Name"></FlareTableColumnFilter>
            </th>
        }
    </tr>
    </thead>
    <tbody>
    @foreach (Contact row in _flareTable.Data())
    {
        <tr>
            @foreach (var field in row.GetType().GetProperties().ToList())
            {
                <td>@field.GetValue(row)</td>
            }
        </tr>
    }
    </tbody>
</table>

<FlareTableInfo TableState="@_flareTable"></FlareTableInfo>

NuGet packages (2)

Showing the top 2 NuGet packages that depend on FlareTables:

Package Downloads
Rudiment
Package Description
Integrant.Rudiment
Package Description

GitHub repositories

This package is not used by any popular GitHub repositories.

Version History

Version Downloads Last updated
3.10.0-alpha 68 10/26/2020
3.8.1-alpha 101 7/22/2020
3.6.15-alpha 123 5/23/2020
3.6.14-alpha 124 4/29/2020
3.6.12-alpha 113 4/27/2020
3.6.11-alpha 118 4/23/2020
1.5.0-alpha 114 9/19/2019
1.3.2-alpha 126 8/13/2019
1.3.1-alpha 116 7/29/2019
1.3.0-alpha 112 7/29/2019
Show less