awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
xaksis avatar

xaksis/vue-good-table

0
View on GitHub↗
2,176 stars·397 forks·Vue·MIT·24 viewsxaksis.github.io/vue-good-table↗

Vue Good Table

This project is a feature-rich data grid component designed for Vue applications. It provides a flexible interface for rendering, managing, and manipulating structured information, offering built-in support for essential tabular operations such as sorting, filtering, pagination, and row selection.

The library distinguishes itself through its highly extensible architecture, which allows developers to override default rendering for cells, headers, and pagination controls using scoped slots. It supports complex data workflows by enabling hierarchical organization through collapsible row grouping and providing a batch action toolbar for performing bulk operations on selected records. For large-scale datasets, the component can offload processing tasks like sorting and filtering to backend services, ensuring that heavy data operations are handled efficiently via remote orchestration.

Beyond these core capabilities, the component offers extensive customization options, including visual theming and the ability to define bespoke filtering logic. It maintains tight integration with the host application through an event-driven system that synchronizes internal table state with external data sources, allowing for programmatic control over navigation and search interactions.

Features

  • Data Grid Components - Renders structured information in a grid format with support for sorting, filtering, and pagination to help users navigate large datasets.
  • Dataset Filtering and Search - Provides global and column-specific search mechanisms to narrow down displayed records based on user input.
  • Pagination Navigation - Displays large datasets across multiple pages with configurable controls for navigation, positioning, and custom rendering of page information.
  • Vue Data Table Components - Displays and manages structured information in Vue applications with built-in support for sorting, filtering, and pagination.
  • Declarative Column Configurations - Uses a structured object to define table behavior including column definitions, initial sorting, and visual theme settings.
  • Hierarchical Table Organization - Structures complex information into collapsible groups to improve readability and navigation for large or categorized datasets.
  • Table Group Collapsers - Allows expanding or collapsing grouped data sections to manage screen space and focus on specific subsets of information.
  • Visual Data Grouping - Organizes rows into logical, collapsible categories or sections to improve readability and structure for complex datasets.
  • Remote Data Management - Handles massive datasets by offloading sorting, filtering, and pagination tasks to a backend server via API requests.
  • Remote Data Retrieval - Retrieves and displays content from external servers by managing data loading, pagination, and sorting requests through backend service calls.
  • Remote Task Offloaders - Offloads heavy processing tasks like sorting and filtering to backend services by intercepting state changes and triggering external requests.
  • Data Processing Offloading - Delegates sorting, filtering, and pagination to a remote server by disabling local processing and emitting events for every user interaction.
  • Table Toolbar Actions - Displays a customizable toolbar when rows are selected to provide quick access to batch processing or management functions.
  • Batch Action Processing - Enables row selection and bulk action toolbars to allow users to perform operations on multiple records simultaneously.
  • Scoped Slots - Allows developers to override default cell and header rendering by passing custom templates into the component structure.
  • Custom Element Renderers - Enables overriding default cell, header, and row rendering to display complex data structures or custom UI elements within the grid.
  • Customizable UI Components - Enables building highly tailored data grids by overriding default rendering for cells, headers, and pagination controls using templates.
  • Advanced Data Components - Manages complex information using row grouping, selection checkboxes, and remote data fetching to handle advanced user interactions.
  • Table Header Customizers - Supports injecting custom components or elements into group header rows to provide interactive controls or specialized formatting.
  • Custom Cell Styling - Allows injecting custom templates into cells to display dynamic data or formatted values while maintaining access to row and column metadata.
  • Event-Driven State Synchronizers - Communicates user interactions like sorting or filtering to parent components through a standardized event emission system.
  • Interactive Table Components - Executes custom functions whenever users interact with table rows, search bars, filters, or sorting controls to synchronize state with external data sources.
  • Programmatic Page Controls - Allows updating the active page view through external logic or user-defined triggers to navigate the table state dynamically.
  • Vue Components - Provides a reusable interface element for displaying and manipulating tabular data within applications built using the Vue framework.
  • Pagination Components - Provides decoupled navigation controls that allow for complete replacement with custom user-defined interfaces.
  • Pagination Hooks - Allows replacing default pagination controls with custom implementations by hooking into internal state and event handlers for page navigation.
  • Reactive Data Bindings - Synchronizes the internal table state with external data sources to ensure the view updates automatically when records change.
  • Search Filtering Logic - Allows defining bespoke filtering functions and input interfaces to handle non-standard data types or complex search requirements.
  • Row Selection Interfaces - Provides interactive checkboxes for selecting individual or multiple rows to perform bulk actions on the chosen data entries.
  • Multi-Column Sorting - Supports sorting tabular data across several columns simultaneously by holding a modifier key while clicking column headers.
  • Table Data Integrations - Supports binding custom, external input fields to trigger and control the filtering of table data.

Star history

Star history chart for xaksis/vue-good-tableStar history chart for xaksis/vue-good-table

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Curated searches featuring Vue Good Table

Hand-picked collections where Vue Good Table appears.
  • JavaScript Table and Data Grid Libraries

Frequently asked questions

What does xaksis/vue-good-table do?

This project is a feature-rich data grid component designed for Vue applications. It provides a flexible interface for rendering, managing, and manipulating structured information, offering built-in support for essential tabular operations such as sorting, filtering, pagination, and row selection.

What are the main features of xaksis/vue-good-table?

The main features of xaksis/vue-good-table are: Data Grid Components, Dataset Filtering and Search, Pagination Navigation, Vue Data Table Components, Declarative Column Configurations, Hierarchical Table Organization, Table Group Collapsers, Visual Data Grouping.

Which projects share features with xaksis/vue-good-table?

Projects with overlapping indexed features include: olifolkerd/tabulator — Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from… wenzhixin/bootstrap-table — Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It… x-extends/vxe-table — vxe-table is a high-performance data table component and UI library for Vue, designed for building data-heavy… alibaba/ali-react-table — This library is a high-performance data grid component for React applications, designed to manage and display large… swimlane/ngx-datatable — ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large… comcast/react-data-grid — react-data-grid is a high-performance table component for React designed to render large datasets using…

Projects sharing features with Vue Good Table

These projects share indexed features with Vue Good Table. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • olifolkerd/tabulatorolifolkerd avatar

    olifolkerd/tabulator

    7,550View on GitHub↗

    Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure

    JavaScriptajaxcdnjsdata
    View on GitHub↗7,550
  • wenzhixin/bootstrap-tablewenzhixin avatar

    wenzhixin/bootstrap-table

    11,820View on GitHub↗

    Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It features a remote data integration system for fetching and synchronizing content from JSON endpoints using AJAX and server-side processing. The project includes a styling layer that adapts markup to work with various CSS frameworks, such as Bootstrap, Semantic UI, Bulma, and Material Design. It provides specialized rendering modes, including a hierarchical tree grid for parent-child row relationships and a responsive card-view table that transforms grids into mobile-friendly lay

    JavaScriptbootstrapbootstrap-tablebulma
    View on GitHub↗11,820
  • x-extends/vxe-tablex-extends avatar

    x-extends/vxe-table

    8,595View on GitHub↗

    vxe-table is a high-performance data table component and UI library for Vue, designed for building data-heavy applications. It functions as a virtualized data grid and spreadsheet UI framework capable of rendering millions of rows by mounting only the visible elements of a dataset. The project distinguishes itself through spreadsheet-like functionality, including cell selection, copy-paste support, and the generation of cross-tabulated pivot tables. It also provides specialized tools for managing complex data hierarchies using virtual trees, row grouping, and cell merging. The library covers

    TypeScriptcellcheckboxeditable
    View on GitHub↗8,595
  • alibaba/ali-react-tablealibaba avatar

    alibaba/ali-react-table

    979View on GitHub↗

    This library is a high-performance data grid component for React applications, designed to manage and display large datasets. It provides a declarative configuration system that allows developers to define table structures, data sources, and feature toggles through a structured object schema. The library distinguishes itself through a flexible layout engine that supports complex UI requirements, such as pinning headers and specific columns to viewport edges during scrolling. It utilizes virtualized rendering to maintain interface responsiveness by displaying only the visible subset of data, e

    TypeScriptreactreact-tabletable
    View on GitHub↗979
Compare all 30 related projects→