Vue Good Table

Theme by Xaksis

|

Updated: 29 Sep 2021

|

2187 Stars

An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc

Categories

Overview

Vue Good Table is a clean and powerful data table for VueJS that offers essential features such as sorting, column filtering, pagination, and more. It is easy to use and highly customizable, making it a popular choice for displaying data in VueJS applications.

Features

• Table Search: Easily search for specific data within the table.
• Sorting: Arrange data in the table based on selected criteria.
• Column Filtering: Filter data displayed in the table based on column values.
• Pagination: Navigate through large datasets with paginated views.
• Highly Customizable: Tailor the table’s appearance and functionality to suit your needs.
• Checkbox Table: Enable selection of multiple rows with checkboxes.
• Grouped Rows Table: Display data in a grouped format for better organization.
• Server Powered Table: Fetch data from a server to populate the table dynamically.

Installation

To install Vue Good Table, follow these steps:

1. Install with npm:

   npm install vue-good-table
   

2. Import globally in your app:

   import VueGoodTable from 'vue-good-table';
   Vue.use(VueGoodTable);
   

3. Import into your component:

   import { VueGoodTable } from 'vue-good-table';
   

4. Import into your component using TypeScript:

   import VueGoodTable from 'vue-good-table';
   

Summary

Vue Good Table is a versatile data table component for VueJS that provides essential features for managing and displaying data effectively. With its user-friendly interface and customizable options, Vue Good Table simplifies the task of creating interactive data tables in VueJS applications.