vue3-el-table-sticky-plugin

vue3-el-table-sticky-pluginSticky headers for Element Plus tables

A Vue 3 directive plugin that keeps el-table headers pinned inside the page or your own business scroll containers.

Works with page and container scrolling

Use the default page flow or point the directive at a business scroll container through scrollTarget.

Multiple tables without state collisions

Each table instance keeps its own sticky state, so complex dashboards stay predictable.

Recalculates after layout changes

Observe toolbars, filters, and other dynamic blocks so the sticky offset stays aligned after height changes.

What You Get

A directive-first API that keeps existing el-table column and data definitions unchanged.
Support for global defaults during plugin installation and per-table overrides at directive usage time.
A repo-backed demo suite that documents four sticky scenarios with the exact components used in local development.

Quick Links

Install: /guide/install
API reference: /guide/api
Interactive demos: /guide/demo