A fully customizable, framework-agnostic web component for building editable tables and data grids.
Active Table is a framework-agnostic web component that provides a fully customizable, editable table experience for web applications. It solves the problem of building interactive data grids with features like real-time editing, validation, and import/export capabilities without being tied to a specific UI framework.
Frontend developers and teams building data-intensive web applications who need a flexible, editable table component that works across React, Vue, Angular, Svelte, Solid, Next.js, or vanilla JavaScript.
Developers choose Active Table for its extensive customization options, framework-agnostic design, and comprehensive feature set—including drag-and-drop, multiple column types, and file import/export—all in a single, easy-to-integrate component.
Framework agnostic table component for editable data experience.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Works seamlessly with React, Vue, Angular, Svelte, Solid, Next.js, and vanilla JavaScript, as demonstrated by the extensive live examples for each framework on the project website.
Supports full CRUD operations on rows and columns, including drag-and-drop reordering, text validation, and programmatic updates, making it ideal for interactive data grids.
Handles multiple file formats (CSV, XLS, XLSX, ODS, TXT) via paste, drag & drop, or file operations, simplifying data interchange in applications without external libraries.
Every aspect from column types to overflow handling can be tailored, with an API for building custom column types to fit specific use cases, as emphasized in the README.
Prioritizes flexibility over pre-styled components, requiring developers to invest significant time in CSS to achieve production-ready visual designs, which may slow down initial development.
Lacks built-in virtualization for large datasets, relying on pagination for overflow handling, which could lead to performance issues when displaying thousands of rows in real-time applications.
Relies on web standards that may require polyfills for full browser compatibility in legacy environments, adding deployment complexity compared to pure JavaScript solutions.