Skip to content

Simple excel-like datasheet Blazor component

License

Notifications You must be signed in to change notification settings

mrlife/BlazorDatasheet

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

}

The default editor is the text editor, but can be changed by defining the Type property of each cell.

About

Simple excel-like datasheet Blazor component

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • C# 77.1%
  • HTML 18.0%
  • CSS 3.8%
  • JavaScript 1.1%