Question 1

How do I add sorting to vue-grid?

Accepted Answer

vue-grid does not have built-in sorting functionality. You need to implement sorting manually by sorting the rows array in your Vue component before passing data, such as using JavaScript array methods based on column values.

Question 2

vue-grid vs AG Grid for Vue.js: which should I use?

Accepted Answer

vue-grid is lightweight and focused on simplicity with Vue integration, ideal for basic grids. AG Grid offers extensive features like sorting, filtering, and editing, but comes with a larger size and potential licensing costs for advanced versions.

Question 3

Is vue-grid compatible with Vue 3?

Accepted Answer

vue-grid is built for Vue.js 2.1.4 and above, and the documentation doesn't mention Vue 3 support. For Vue 3 projects, consider alternatives or use compatibility layers, but seamless operation isn't guaranteed.

Question 4

Can I use vue-grid without Tachyons.css?

Accepted Answer

The styling is integrated with Tachyons.css, so using custom CSS requires overriding Tachyons classes or modifying the component source, which can be complex and time-consuming.

Question 5

How to handle pagination in vue-grid?

Accepted Answer

vue-grid supports pagination through the 'total_count' field in JSON data, but pagination controls are not built-in. Implement external logic, like Vue methods to fetch data in chunks, and update the grid dynamically.

Question 6

What JSON format does vue-grid require for data?

Accepted Answer

It requires a JSON object with 'columns' and 'rows' nodes, and optionally 'total_count' for pagination. The 'columns' node is only needed on the first call, and rows must have keys matching column names, as specified in the README.

vue-grid

What is vue-grid?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions