Project Snapshot
- Type: Open-source Vue 3 package
- Purpose: Config-driven table system for admin dashboards & SaaS apps
- Delivery: Docs + Live Demo + npm package
- Role: Creator & maintainer
- Live Demo: https://jubayer11.github.io/vue-dynamic-table-builder/
Related package:
Vue Dynamic Form Builder
Vue Dynamic Table Builder
Vue Dynamic Table Builder is a reusable table foundation built for Vue 3, designed for real product dashboards where tables require more than basic rendering. It supports configuration-driven columns while keeping flexibility for heavy customization and action-based UIs.
The package focuses on a common reality in SaaS products: tables are everywhere — users need actions, status indicators, custom cells, extreme styling, and scalable configuration. This builder provides that foundation in a reusable way.
Vue 3 Compatible
Config-driven Tables
Row Actions
Slots & Overrides
Docs + Demo
Published on npm
What it enables
- Reusable table patterns: define columns and behavior from configuration.
- Action-heavy workflows: multiple actions per row (demo included).
- Deep customization: extreme styling and custom cell rendering without breaking the base system.
- Maintainable growth: tables stay consistent across modules as the application expands.
Key capabilities
- Config API for columns, layout, and behaviors
- Row actions and controls built as a first-class use case
- Supports extreme custom styles (demo example)
- Documentation covers usage patterns and setup
Where it fits
- SaaS dashboards and internal admin tools
- Apps that rely heavily on tables with different UI needs
- Teams that want a consistent table foundation without sacrificing flexibility
Links
Tech Stack
- Vue 3 • Component-driven architecture • Config API • Docs + Demo • npm publishing