• Stars
    star
    220
  • Rank 180,422 (Top 4 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 4 years ago
  • Updated 4 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

More Repositories

1

vue-modal

A customizable, stackable, and lightweight modal component for Vue.
Vue
126
star
2

vue-search-input

A search input component for Vue.js 3
Vue
31
star
3

vue3-ts-vite-starter-template

Vue.js 3 TypeScript / Vite starter template with Pinia, Vue Router, Tailwind and more.
Vue
17
star
4

vue-vite-starter-template

A single page app Vite starter template, created to easily bootstrap Vue.js 2 apps
JavaScript
16
star
5

best-classic-wb

HTML
13
star
6

vue3-vite-starter-template

A single page app Vite starter template, created to easily bootstrap Vue.js 3 apps
JavaScript
12
star
7

ractive-modal

A modal window component for Ractive
HTML
8
star
8

vuepress-plugin-vue-example

A Vuepress plugin to display Vue components' live examples and source code inside documentation.
JavaScript
6
star
9

vue-set-path

A set of utility methods to update Vue reactive objects, using the dot notation path syntax.
JavaScript
4
star
10

vue-path-store

A simple state management solution for Vue, that uses the dot notation path syntax.
JavaScript
4
star
11

vue3-starter-template

A single page app starter template created to easily bootstrap Vue.js 3 apps
JavaScript
4
star
12

webpack-assets-loader

Webpack assets loader demo project
JavaScript
2
star
13

eslint-config

Custom ESLint and Prettier config with sensible defaults
TypeScript
2
star
14

promise-loading-handler

A utility to handle loading indicators state
TypeScript
2
star
15

vue-simple-dropdown

A Vue.js 3 simple dropdown menu component for floating-vue
Vue
2
star
16

ractive-droplist

A searchable select list for Ractive
HTML
1
star
17

vue-starter-template

A single page app starter template created to easily bootstrap Vue.js 2 apps
JavaScript
1
star