1(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{352:function(t,e,a){t.exports=a.p+"assets/img/badge.21bab70f.svg"},374:function(t,e,a){"use strict";a.r(e);var s=a(0),i=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"vue-dataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vue-dataset"}},[t._v("#")]),t._v(" vue-dataset "),e("a",{attrs:{href:"https://npm.im/vue-dataset"}},[e("img",{attrs:{src:"https://badgen.net/npm/v/vue-dataset"}})]),t._v(" "),e("img",{attrs:{src:"https://img.badgesize.io/kouts/vue-dataset/master/dist/umd/VueDataset.min.js.svg",alt:""}}),t._v(" "),e("img",{attrs:{src:"https://img.badgesize.io/kouts/vue-dataset/master/dist/umd/VueDataset.min.js.svg?compression=gzip",alt:""}}),t._v(" "),e("img",{attrs:{src:a(352),alt:""}})]),t._v(" "),e("p",[t._v("A set of Vue.js components to display datasets (lists) with filtering, paging, and sorting capabilities!"),e("br"),t._v("\nCreated with reusability in mind, so that one doesn't have to recreate the same functionality for lists over and over again.")]),t._v(" "),e("blockquote",[e("p",[t._v("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.")])]),t._v(" "),e("h2",{attrs:{id:"features"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#features"}},[t._v("#")]),t._v(" Features")]),t._v(" "),e("ul",[e("li",[t._v("Highly customizable DOM structure")]),t._v(" "),e("li",[t._v("Custom filtering based on the row values from all or specific data keys")]),t._v(" "),e("li",[t._v('"Search as" feature allows for searching using a custom search method')]),t._v(" "),e("li",[t._v('Multi "column" searching, search data keys are configurable')]),t._v(" "),e("li",[t._v('"Sort as" feature allows for sorting using a custom sorting method')]),t._v(" "),e("li",[t._v('Multi "column" sorting, sortable data keys are configurable')]),t._v(" "),e("li",[t._v("Pagination")]),t._v(" "),e("li",[t._v("Global search with debounce setting")]),t._v(" "),e("li",[t._v("Easy to extend with custom components")])]),t._v(" "),e("p",[e("code",[t._v("vue-dataset")]),t._v(" contains 6 components")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Component")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("dataset")])]),t._v(" "),e("td",[t._v("Responsible for distributing data/methods to children (wrapper/data provider)")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("dataset-item")])]),t._v(" "),e("td",[t._v("Renders the dataset items")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("dataset-info")])]),t._v(" "),e("td",[t._v("Renders the paging information")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("dataset-pager")])]),t._v(" "),e("td",[t._v("Renders the paging buttons")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("dataset-search")])]),t._v(" "),e("td",[t._v("Renders the search input field")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("dataset-show")])]),t._v(" "),e("td",[t._v('Renders the "items per page" dropdown select')])])])]),t._v(" "),e("h2",{staticClass:"mb-4"},[t._v("Example using cards")]),t._v(" "),e("vue-example",{attrs:{file:"Example1"}})],1)}),[],!1,null,null,null);e.default=i.exports}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.