Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Blazor Spreadsheet, a Blazor Excel viewer, is a feature-rich component for organizing and analyzing data in a tabular format, similar to Microsoft Excel, for web applications. It provides all the common Excel features, including importing and exporting Excel documents, selection, editing, formatting, sorting, filtering, resizing, protection, and more.

Blazor Spreadsheet overview.


Blazor Spreadsheet Code Example

Get started with the Blazor Spreadsheet using a few simple lines of Razor code, as demonstrated in the following example. Also, explore our Blazor Spreadsheet example, which shows you how to render and configure a Spreadsheet in Blazor.

@using Syncfusion.Blazor.Spreadsheet

<SfSpreadsheet DataSource="DataSourceBytes" AllowAutofill="false">
    <SpreadsheetRibbon></SpreadsheetRibbon>
</SfSpreadsheet>

@code {
    public byte[] DataSourceBytes { get; set; }

    protected override void OnInitialized()
    {
        // Sets the Excel file path for initial loading.
        string filePath = "wwwroot/data/spreadsheet/sample.xlsx";
        DataSourceBytes = File.ReadAllBytes(filePath);
    }
}

Worksheets

A worksheet is a collection of cells arranged in rows and columns that lets users save, format, and work with data. Create, delete, and rename worksheets, and sheet visibility in the Blazor Spreadsheet.

Worksheet in Blazor Spreadsheet component.


Editing in Blazor Spreadsheet component.

Editing

Data editing allows users to add, edit, and remove formulas or values in a cell. The cell content can be edited in the cell or by typing directly into the formula bar.


Number formatting

Number formatting is used to change the appearance of numbers in the Blazor Spreadsheet. It helps display data as currency, percentages, short dates, long dates, time, fractions, and scientific numbers, similar to Excel.

Number formatting in Blazor Spreadsheet.


Cell formatting in Blazor Spreadsheet.

Cell formatting

Users can use cell formatting to highlight a particular cell or range of cells from a whole workbook. The component supports various formatting options: font size, font family, font color, fill color, indent, and horizontal and vertical text alignments.


Sort and filter

  • Reorganize data by sorting the range of cells in ascending or descending order. The custom sort option allows multiple columns to be sorted.
  • When filtering, if values in one or more columns do not meet the filtering criteria, all the data will be hidden. Text, dates, and numbers can be filtered.

Blazor Spreadsheet sorting and filtering.


Image in Blazor Spreadsheet component.

Images

Users can view, insert, and modify pictures in the Blazor Spreadsheet using customization options.


Ribbon UI

An interactive ribbon organizes the Spreadsheet’s features into a series of tabs.

Ribbon in Blazor Spreadsheet.


Protection in Blazor Spreadsheet.

Protection

  • Encrypt workbooks with a password to prevent unauthorized users from opening them.
  • Encrypt worksheets with a password and restrict user actions like editing, row and column resizing, inserting, and deleting.

Adaptive UI layout

The Blazor Spreadsheet user interface has been customized and redesigned for great views and usability on small screens.

Blazor Spreadsheet adaptive UI layout.


Interactive features

Clipboard operations in Blazor Spreadsheet.

Copy to clipboard

Use the clipboard operations, cut, copy, and paste, just like Microsoft Excel. Users can paste values or formulas in a newly selected range.

Undo and redo in Blazor Spreadsheet.

Undo and redo

The Spreadsheet component provides options to undo and redo changes made in a workbook.

Context menu in Blazor Spreadsheet.

Context menu

The context menu improves user interaction in the Blazor Spreadsheet using a pop-up menu. It appears when a cell, row header, column header, or sheet tab is right-clicked.

Row and column resizing in Blazor Spreadsheet.

Resize

The resize option helps adjust the row height and column width.

Smooth scrolling in Blazor Spreadsheet.

Smooth scrolling

The Blazor Spreadsheet component provides a smooth scrolling experience even with many cells in view.


Open and save

Blazor Spreadsheet Excel and CSV import.

Import Excel

Load Excel documents initially via code or open them like an Excel application with data accuracy, styles, and formats. Microsoft Excel (.xlsx) and Microsoft Excel 97-2003 (.xls) file formats can be opened in a Blazor Spreadsheet.

Blazor Spreadsheet Excel and CSV export.

Excel Export

Save the Blazor Spreadsheet component easily with data accuracy, styles, and formats as an Excel file. This component supports file formats such as Microsoft Excel (.xlsx) and Microsoft Excel 97-2003 (.xls).


Accessibility

Keyboard navigation in Blazor Spreadsheet.

Keyboard navigation

The Blazor Excel Spreadsheet ensures that every cell is accessible using a keyboard. Major features like selection, clipboard, and editing can be performed using keyboard commands.

Accessibility and screen reader support in Blazor Spreadsheet.

Screen readers

The Blazor Excel Spreadsheet has complete WAI-ARIA accessibility support. Its rich UI includes high-contrast visual elements, helping visually impaired people have the best viewing experience. Also, valid UI descriptions are easily accessible through assistive technologies such as screen readers.

Show right-to-left language in Blazor Spreadsheet.

Right to left (RTL)

Right-to-left rendering allows the display of text and layout of the Spreadsheet from right to left. This improves the user experience and accessibility for RTL languages.


Struggling to decide on the right product?

Our comprehensive competitor comparison of Blazor components will guide you to the perfect choice.

tick-mark 100+ UI components
tick-mark 1200+ interactive Blazor demos
tick-mark 3.0M+ downloads
competitive-banner-FT-image

Blazor Components – 100+ UI and DataViz Components

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion® reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion® is proud to hold the following industry awards.

Up arrow icon
close