← All projects

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.

Made in Algeria
[![Made in Algeria](https://www.madeinalgeria.dev/badge/vueye-table.svg)](https://www.madeinalgeria.dev/projects/vueye-table)

Related projects