Blazor-BlazorDatasheet

[删除(380066935@qq.com或微信通知)]

anmcgrath/BlazorDatasheet: Simple excel-like datasheet Blazor component (github.com)
BlazorDatasheet

A simple datasheet component for editing tabular data.

image

Features

  • Data editing
    • Built in editors including text, date, select, boolean
    • Add custom editors for any data type
  • Conditional formatting
  • Data validation
  • Build datasheet from an object definition
  • Keyboard navigation
  • Copy and paste from tabulated data
  • Virtualization via Blazor Virtualization - handles many cells at once.

Demo: https://anmcgrath.github.io/BlazorDatasheet/

Getting Started

Blazor Datasheet provides a Datasheet Blazor component that accepts a Sheet.

A Sheet holds the data and configuration for a Datasheet. The data is set per Cell, or can be built using the ObjectEditorBuilder, which creates a datasheet based on a list of objects.

The following code displays an empty 3 x 3 data grid.

<Datasheet
    Sheet="sheet"/>

@code{

    private Sheet sheet;

    protected override void OnInitialized()
    {
        sheet = new Sheet(3, 3);
    }

}