Stk Table Vue
Stk Table Vue(Sticky Table) is a high-performance virtual scrolling table component based on Vue 3 / Vue 2.7.
Smooth performance with tens of thousands of rows. Designed for real-time data display with built-in highlighting and animation effects.
- Vue 3 & Vue 2.7 support
- Virtual scrolling (X & Y axis)
- CSS `sticky` based fixed columns & fixed header
- Multi-level header with horizontal virtual scroll
- Tree table & expandable rows
- Area selection with keyboard navigation
- Cell highlighting with Animation API
- Built-in custom cells: Filter, Editable, Checkbox, Number, Change
- Column resize, header drag, row drag
- Merge cells (virtual mode, huge rowspan / colspan supported)
- Custom scrollbar
- Sortable & filterable
- Theme support (dark / light)
- CSS variables for easy customization
- Based on native `` element
- Zero third-party runtime dependencies
## Documentation
### [Stk Table Vue Official](https://ja-plus.github.io/stk-table-vue/)
### [Stk Table React Official](https://ja-plus.github.io/stk-table-react/)
### [Stk Table Svelte Official](https://ja-plus.github.io/stk-table-svelte/)
### [Stk Table Solid Official](https://ja-plus.github.io/stk-table-solid/)
## Repo:
- [Github](https://github.com/ja-plus/stk-table-vue)
- [Gitee](https://gitee.com/japlus/stk-table-vue)
## Demo
[Online Demo in stackblitz](https://stackblitz.com/edit/vitejs-vite-ad91hh?file=src%2FDemo%2Findex.vue)
## Usage
> npm install stk-table-vue
```html
```
### Vue2.7 Usage
[Vue2.7 Usage](https://ja-plus.github.io/stk-table-vue/main/start/vue2-usage.html)
## API
* [Props](https://ja-plus.github.io/stk-table-vue/main/api/table-props.html)
* [Emits](https://ja-plus.github.io/stk-table-vue/main/api/emits.html)
* [Slots](https://ja-plus.github.io/stk-table-vue/main/api/slots.html)
* [Expose](https://ja-plus.github.io/stk-table-vue/main/api/expose.html)
* [StkTableColumn: Define column type](https://ja-plus.github.io/stk-table-vue/main/api/stk-table-column.html)
* [Highlight: setHighlightDimCell & setHighlightDimRow](https://ja-plus.github.io/stk-table-vue/main/api/expose.html#sethighlightdimcell)
### Example
```vue
```
## Compare
Compare performance with other vue table [vue-virtual-table-benchmark](https://github.com/ja-plus/vue-virtual-table-benchmark)
[Benchmark Result Page](https://ja-plus.github.io/vue-virtual-table-benchmark/perf-report.html)
## Changelog
[CHANGELOG](CHANGELOG.md)
## License
[MIT](LICENSE)