{"id":17857225,"url":"https://github.com/kouts/vue-dataset","last_synced_at":"2025-04-08T00:40:01.104Z","repository":{"id":37302436,"uuid":"269175807","full_name":"kouts/vue-dataset","owner":"kouts","description":"A set of Vue.js components to display datasets (lists) with filtering, paging, and sorting capabilities!","archived":false,"fork":false,"pushed_at":"2024-10-02T19:54:51.000Z","size":6253,"stargazers_count":224,"open_issues_count":13,"forks_count":26,"subscribers_count":6,"default_branch":"next","last_synced_at":"2025-03-31T22:26:31.679Z","etag":null,"topics":["datagrid","dataset","datatable","datatables","grid","pagination","table","vue","vue-datatable","vue-datatables"],"latest_commit_sha":null,"homepage":"https://next--vue-dataset-demo.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kouts.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-06-03T19:26:18.000Z","updated_at":"2025-03-19T14:18:31.000Z","dependencies_parsed_at":"2024-01-22T19:33:51.649Z","dependency_job_id":"d9c0d7d7-d7a8-4ef3-9532-7a1d4603dcd3","html_url":"https://github.com/kouts/vue-dataset","commit_stats":{"total_commits":302,"total_committers":4,"mean_commits":75.5,"dds":"0.056291390728476776","last_synced_commit":"a1c50e905eed58ba9ea5d1c249ac0925ab6338b4"},"previous_names":[],"tags_count":50,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kouts%2Fvue-dataset","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kouts%2Fvue-dataset/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kouts%2Fvue-dataset/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kouts%2Fvue-dataset/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kouts","download_url":"https://codeload.github.com/kouts/vue-dataset/tar.gz/refs/heads/next","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247755560,"owners_count":20990620,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["datagrid","dataset","datatable","datatables","grid","pagination","table","vue","vue-datatable","vue-datatables"],"created_at":"2024-10-28T03:12:00.030Z","updated_at":"2025-04-08T00:40:01.037Z","avatar_url":"https://github.com/kouts.png","language":"JavaScript","funding_links":[],"categories":["Components \u0026 Libraries","UI Components [🔝](#readme)"],"sub_categories":["UI Components"],"readme":"# vue-dataset \u003ca href=\"https://npm.im/vue-dataset\"\u003e\u003cimg src=\"https://badgen.net/npm/v/vue-dataset/next\" /\u003e\u003c/a\u003e ![](https://img.badgesize.io/kouts/vue-dataset/next/dist/vue-dataset.umd.js.svg) ![](https://img.badgesize.io/kouts/vue-dataset/next/dist/vue-dataset.umd.js.svg?compression=gzip) ![](/coverage/badge-next.svg)\n\n\n---\n\n:fire: **HEADS UP!** You're currently looking at vue-dataset `next` branch for **Vue.js 3**.  \nIf you're looking for a Vue.js 2 compatible version of vue-dataset, [please check out the `master` branch](https://github.com/kouts/vue-dataset/tree/master).\n\n---\n\nA set of Vue.js 3 components to display datasets (lists) with filtering, paging, and sorting capabilities!  \nCreated with reusability in mind, so that one doesn't have to recreate the same functionality for lists over and over again.\n\n\u003e 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.\n\n## Features\n\n- Highly customizable DOM structure\n- Custom filtering based on the row values from all or specific data keys\n- \"Search as\" feature allows for searching using a custom search method\n- Multi \"column\" searching, search data keys are configurable\n- \"Sort as\" feature allows for sorting using a custom sorting method\n- Multi \"column\" sorting, sortable data keys are configurable\n- Pagination\n- Global search with debounce setting\n- Easy to extend with custom components\n\n## Browsers support\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eEdge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eSafari | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png\" alt=\"Opera\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eOpera |\n| --------- | --------- | --------- | --------- | --------- |\n| Edge | last 2 versions | last 2 versions | last 2 versions| last 2 versions\n\nDocumentation and examples\nhttps://next--vue-dataset-demo.netlify.app/\n\n# Development\n\nIn order to start development:\n\n```sh\npnpm i\npnpm run dev\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkouts%2Fvue-dataset","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkouts%2Fvue-dataset","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkouts%2Fvue-dataset/lists"}