@univerjs/sheets-filter-ui adds filter menus, panels, and interaction UI for Univer Sheets.

pnpm add @univerjs/sheets-filter-ui
# or
npm install @univerjs/sheets-filter-ui

Start with the integration setup for your document type, including its required plugins, styles, and locale resources. The snippet below assumes that setup is complete.

import '@univerjs/sheets-filter-ui/lib/index.css';
import EnUS from '@univerjs/sheets-filter-ui/locale/en-US';
import { UniverSheetsFilterUIPlugin } from '@univerjs/sheets-filter-ui';

univer.registerPlugin(UniverSheetsFilterUIPlugin);

// Merge EnUS into your Univer locale map when this package contributes UI text.

Main-thread plugin classes:

• UniverSheetsFilterUIPlugin
• UniverSheetsFilterMobileUIPlugin

On the main thread, import UniverSheetsFilterUIPlugin from @univerjs/sheets-filter-ui.

In the worker entry, import UniverSheetsFilterUIWorkerPlugin from @univerjs/sheets-filter-ui/worker:

import { UniverSheetsFilterUIWorkerPlugin } from '@univerjs/sheets-filter-ui/worker';

univer.registerPlugin(UniverSheetsFilterUIWorkerPlugin);

• Documentation
• NPM package
• GitHub repository