Skip to content

Spreadsheet Viewer

A powerful spreadsheet viewer component for React applications. Install as @grid-is/mondrian-react.

import { SpreadsheetViewer } from "@grid-is/mondrian-react";
function App() {
const model = /* your Model instance */;
return (
<div style={{ height: "600px" }}>
<SpreadsheetViewer model={model} />
</div>
);
}

Installation

Install the package with npm or pnpm and get started quickly.

Learn more →

Loading Spreadsheets

Learn how to create a Model from Excel files.

Learn more →

Theming Guide

Customize the appearance of your spreadsheet viewer with theme variables.

Learn more →

Reference

Explore all available props, events, and type definitions.

Learn more →