---
layout: home

hero:
  name: vue3-el-table-sticky-plugin
  text: Sticky headers for Element Plus tables
  tagline: A Vue 3 directive plugin that keeps el-table headers pinned inside the page or your own business scroll containers.
  actions:
    - theme: brand
      text: Get Started
      link: /guide/install
    - theme: alt
      text: Try Demo
      link: /guide/demo
    - theme: alt
      text: GitHub
      link: https://github.com/xcy960815/vue3-el-table-sticky-plugin

features:
  - title: Works with page and container scrolling
    details: Use the default page flow or point the directive at a business scroll container through scrollTarget.
  - title: Multiple tables without state collisions
    details: Each table instance keeps its own sticky state, so complex dashboards stay predictable.
  - title: Recalculates after layout changes
    details: 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](/guide/install)
- API reference: [/guide/api](/guide/api)
- Interactive demos: [/guide/demo](/guide/demo)