Skip to content

A set of Vue.js components to display datasets (lists) with filtering, paging, and sorting capabilities!

License

Notifications You must be signed in to change notification settings

palomamtnez/vue-dataset

This branch is 11 commits behind kouts/vue-dataset:master.

Folders and files

NameName
Last commit message
Last commit date
Jul 22, 2022
Jul 21, 2021
Jun 12, 2022
Aug 7, 2022
Jul 18, 2022
Jan 6, 2021
Aug 7, 2022
Jul 21, 2022
Jun 13, 2020
Jun 5, 2020
Jun 12, 2022
Sep 19, 2021
Jul 18, 2022
Aug 7, 2022
Apr 1, 2021
Jan 22, 2022
May 4, 2021
Jul 21, 2021
Jan 8, 2022
Sep 15, 2021
Jul 21, 2021
Jul 21, 2022
Jul 21, 2022
May 4, 2021
Jan 8, 2022
Jul 18, 2022

Repository files navigation

vue-dataset


🔥 HEADS UP! You're currently looking at vue-dataset branch for Vue.js 2.
If you're looking for a Vue.js 3 compatible version of vue-dataset, please check out the next branch.


A set of Vue.js components to display datasets (lists) with filtering, paging, and sorting capabilities!
Created with reusability in mind, so that one doesn't have to recreate the same functionality for lists over and over again.

vue-dataset does not impose any structure or layout limitations on your HTML, you can use divs, tables or anything you like to present your data.

Features

  • Highly customizable DOM structure
  • Custom filtering based on the row values from all or specific data keys
  • "Search as" feature allows for searching using a custom search method
  • Multi "column" searching, search data keys are configurable
  • "Sort as" feature allows for sorting using a custom sorting method
  • Multi "column" sorting, sortable data keys are configurable
  • Pagination
  • Global search with debounce setting
  • Easy to extend with custom components

Browsers support

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

Documentation and examples https://vue-dataset-demo.netlify.app/

Development

In order to start development:

npm i
npm run watch

About

A set of Vue.js components to display datasets (lists) with filtering, paging, and sorting capabilities!

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 74.4%
  • Vue 16.7%
  • HTML 8.7%
  • Shell 0.2%