vueye-table
by @boussadjra
111
A data table created using Vue.js
About this project
Vueye Table Vueye Table is a Vue 3 component for displaying data in a table. Installation Vue 3: Nuxt : Usage Vue : Nuxt : VueyeTableProps Prop Name Type Default Value Description --- --- --- --- data TData[] [] An array of data for the table. columnHeaders TColumn[] or a function returning an array [] An array of column headers for the table. itemValue string 'id' The property name used as a unique identifier for each item. perPage number 10 The number of items displayed per page. currentPage number 1 The current page number. perPageOptions number[] or a function returning an array [5, 10, 20, 30] An array of options for the number of items per page. loading boolean false Indicates whether the table is in a loading state. selected TData[], Row[], or null null An array of selected items or rows. selectMode 'page' or 'all' 'all' The mode for selecting items: 'page' or 'all'. caption string '' The table's caption. summary string '' The table's summary. VueyeTableEmits Emit Name Parameters Description --------------- -------------- ------------------------------------- update:loading value: boolean Emits when the loading state changes.
From the project README on GitHub
- Stars
- 111
- Forks
- 14
- License
- MIT
- Last push
- 30 Mar 2024
Add this badge to your README
Show that your project is listed on Made in Algeria.
[](https://www.madeinalgeria.dev/projects/vueye-table)