Univer Sheet by Yuichi Okada

• Table of Contents
• Features
• Requirements
• Installation
• Usage
  • Form Field
  • Infolist Entry
  • Table Column
  • Database Setup
• Configuration
  • Plugin Configuration
  • Config File
• API Reference
  • SpreadsheetField
  • SpreadsheetEntry
  • SpreadsheetColumn
• Development
  • Building JS Assets
  • Watch Mode
• Testing
• Changelog
• Contributing
• Credits
• More Filament Plugins
• Stay Updated
• License

A Filament plugin that integrates Univer Sheet — a powerful, modern spreadsheet engine — as form fields, infolist entries, and table columns.

#Table of Contents

• Features
• Requirements
• Installation
• Usage
  • Form Field
  • Infolist Entry
  • Table Column
  • Database Setup
• Configuration
  • Plugin Configuration
  • Config File
• API Reference
  • SpreadsheetField
  • SpreadsheetEntry
  • SpreadsheetColumn
• Development
• Testing
• Changelog
• Stay Updated
• License

#Features

• Full spreadsheet editor in Filament forms with toolbar, formula bar, and multi-sheet support
• Read-only spreadsheet display in infolists (editing disabled, selection disabled)
• Compact spreadsheet preview in table columns with row numbers
• Data persisted as JSON — compatible with Eloquent's json cast
• Configurable toolbar, formula bar, header bar, sheet tab, and context menu visibility
• Ribbon type selection (collapsed, simple, classic)
• English and Japanese translations included
• Supports Filament 5.x

#Requirements

• PHP 8.3+
• Laravel 11+
• Filament 5.x

#Installation

Install the package via Composer:

composer require qalainau/filament-univer-sheet

Publish the Filament assets:

php artisan filament:assets

Register the plugin in your panel provider:

use Qalainau\UniverSheet\UniverSheetPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        ->plugins([
            UniverSheetPlugin::make(),
        ]);
}

Optionally, publish the config file:

php artisan vendor:publish --tag=filament-univer-sheet-config

#Usage

#Form Field

Use SpreadsheetField to add a full spreadsheet editor to your forms:

use Qalainau\UniverSheet\SpreadsheetField;

public static function form(Schema $schema): Schema
{
    return $schema
        ->components([
            SpreadsheetField::make('data')
                ->columnSpanFull(),
        ]);
}

You may customize the appearance:

SpreadsheetField::make('data')
    ->height('600px')
    ->minHeight('400px')
    ->showToolbar(false)
    ->showFormulaBar(false)
    ->showSheetTabs(false)
    ->showHeaderBar(false)
    ->showContextMenu(false)
    ->ribbonType('collapsed') // 'collapsed', 'simple', or 'classic'
    ->columnSpanFull(),

#Infolist Entry

Use SpreadsheetEntry to display spreadsheet data in a read-only view. Editing and selection are automatically disabled:

use Qalainau\UniverSheet\SpreadsheetEntry;

public static function infolist(Schema $schema): Schema
{
    return $schema
        ->components([
            SpreadsheetEntry::make('data')
                ->height('500px')
                ->columnSpanFull(),
        ]);
}

#Table Column

Use SpreadsheetColumn to show a compact spreadsheet preview in your table:

use Qalainau\UniverSheet\SpreadsheetColumn;

public static function table(Table $table): Table
{
    return $table
        ->columns([
            SpreadsheetColumn::make('data')
                ->previewRows(6)
                ->previewColumns(5),
        ]);
}

The preview renders as a mini spreadsheet with row numbers, header styling, and right-aligned numbers.

#Database Setup

Store spreadsheet data in a longText or json column:

// Migration
Schema::create('spreadsheets', function (Blueprint $table) {
    $table->id();
    $table->string('name');
    $table->longText('data')->nullable();
    $table->timestamps();
});

// Model
protected $fillable = ['name', 'data'];

protected function casts(): array
{
    return [
        'data' => 'json',
    ];
}

#Configuration

#Plugin Configuration

Configure defaults via the plugin instance in your panel provider:

UniverSheetPlugin::make()
    ->showToolbar(false)
    ->showFormulaBar(false)
    ->showSheetTabs(false)
    ->showHeaderBar(false)
    ->showContextMenu(false)
    ->ribbonType('collapsed')
    ->locale('ja-JP'),

#Config File

After publishing, you may edit config/univer-sheet.php:

return [
    'show_toolbar' => true,
    'show_formula_bar' => true,
    'show_sheet_tabs' => true,
    'show_header_bar' => true,
    'show_context_menu' => true,
    'ribbon_type' => null, // 'collapsed', 'simple', or 'classic'
    'locale' => 'en-US',
];

#API Reference

#SpreadsheetField

#SpreadsheetEntry

#SpreadsheetColumn

#Development

#Building JS Assets

The plugin bundles Univer Sheet via esbuild. To rebuild:

cd packages/filament-univer-sheet
npm install
node bin/build.js

Then publish the assets from the project root:

php artisan filament:assets

#Watch Mode

node bin/build.js --watch

#Testing

php artisan test --testsuite=UniverSheet

#Changelog

Please see CHANGELOG for more information on what has changed recently.

#Contributing

Please see CONTRIBUTING for details.

#Credits

• Univer — The spreadsheet engine
• Filament — The admin panel framework

#More Filament Plugins

Need Filament screens that stay fast with real amounts of data? Check out WarpUI — premium Filament v5 plugins with canvas-based rendering for large datasets.

#Stay Updated

Get release notes, upgrade guides for new Filament versions, and early access to new plugins — a few emails a year, no spam.

Subscribe to the newsletter →

#License

The MIT License (MIT). Please see License File for more information.

This package bundles Univer which is licensed under the Apache License 2.0. See NOTICE for details of bundled third-party dependencies.