Question 1

How do I customize a specific column header in Vueye Table?

Accepted Answer

Use the `headerCell.<ColumnKey>` slot to override the content. For example, define a slot named `headerCell.name` in your template to customize the 'name' column header as shown in the README's slot documentation.

Question 2

Vueye Table vs PrimeVue DataTable for Vue 3: which should I use?

Accepted Answer

Vueye Table is lighter and focuses on customization via slots, ideal for tailored implementations. PrimeVue offers more features like sorting and filtering out-of-the-box but with a larger bundle size and less slot flexibility.

Question 3

Can Vueye Table handle server-side pagination?

Accepted Answer

No, Vueye Table's pagination is client-side based on the `perPage` and `currentPage` props. You need to manage data fetching externally and update the `data` prop for server-driven scenarios.

Question 4

How to enable row selection in Vueye Table?

Accepted Answer

Set the `selectMode` prop to 'page' or 'all', and bind the `selected` prop with the `update:selected` emit to manage selected rows reactively, as documented in the props and emits tables.

Question 5

Is Vueye Table accessible for screen readers?

Accepted Answer

Yes, it supports accessibility through configurable `caption` and `summary` props, which provide context for screen readers, making it suitable for accessible web applications.

Question 6

How to add sorting to Vueye Table?

Accepted Answer

Vueye Table doesn't include built-in sorting. You need to implement it manually by sorting the data array before passing it to the `data` prop and using custom slots for interactive controls.

vueye-datatable

What is vueye-datatable?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions