/
home
/
henzagold
/
admin_report
/
js
/
File Upload :
llllll
Current File: /home/henzagold/admin_report/js/chunk-2d0dddb3.6e8cb063.js.map
{"version":3,"sources":["webpack:///./src/views/ui-elements/table/Table.vue","webpack:///./src/views/ui-elements/table/TableDefault.vue","webpack:///src/views/ui-elements/table/TableDefault.vue","webpack:///./src/views/ui-elements/table/TableDefault.vue?f5fa","webpack:///./src/views/ui-elements/table/TableDefault.vue?229e","webpack:///./src/views/ui-elements/table/TableStriped.vue","webpack:///src/views/ui-elements/table/TableStriped.vue","webpack:///./src/views/ui-elements/table/TableStriped.vue?620f","webpack:///./src/views/ui-elements/table/TableStriped.vue?bc07","webpack:///./src/views/ui-elements/table/TableState.vue","webpack:///src/views/ui-elements/table/TableState.vue","webpack:///./src/views/ui-elements/table/TableState.vue?0267","webpack:///./src/views/ui-elements/table/TableState.vue?c4ee","webpack:///./src/views/ui-elements/table/TablePagination.vue","webpack:///src/views/ui-elements/table/TablePagination.vue","webpack:///./src/views/ui-elements/table/TablePagination.vue?51e1","webpack:///./src/views/ui-elements/table/TablePagination.vue?4c1c","webpack:///./src/views/ui-elements/table/TableSingleSelected.vue","webpack:///src/views/ui-elements/table/TableSingleSelected.vue","webpack:///./src/views/ui-elements/table/TableSingleSelected.vue?22e4","webpack:///./src/views/ui-elements/table/TableSingleSelected.vue?d1eb","webpack:///./src/views/ui-elements/table/TableMultipleSelected.vue","webpack:///src/views/ui-elements/table/TableMultipleSelected.vue","webpack:///./src/views/ui-elements/table/TableMultipleSelected.vue?c0b2","webpack:///./src/views/ui-elements/table/TableMultipleSelected.vue?f646","webpack:///./src/views/ui-elements/table/TableExpandableData.vue","webpack:///src/views/ui-elements/table/TableExpandableData.vue","webpack:///./src/views/ui-elements/table/TableExpandableData.vue?054c","webpack:///./src/views/ui-elements/table/TableExpandableData.vue?e7de","webpack:///./src/views/ui-elements/table/TableEditDataTable.vue","webpack:///src/views/ui-elements/table/TableEditDataTable.vue","webpack:///./src/views/ui-elements/table/TableEditDataTable.vue?aaef","webpack:///./src/views/ui-elements/table/TableEditDataTable.vue?2385","webpack:///./src/views/ui-elements/table/TableFilterSorter.vue","webpack:///src/views/ui-elements/table/TableFilterSorter.vue","webpack:///./src/views/ui-elements/table/TableFilterSorter.vue?02c8","webpack:///./src/views/ui-elements/table/TableFilterSorter.vue?5e90","webpack:///./src/views/ui-elements/table/TableMiscellaneous.vue","webpack:///src/views/ui-elements/table/TableMiscellaneous.vue","webpack:///./src/views/ui-elements/table/TableMiscellaneous.vue?e868","webpack:///./src/views/ui-elements/table/TableMiscellaneous.vue?5422","webpack:///./src/views/ui-elements/table/TableSSR.vue","webpack:///src/views/ui-elements/table/TableSSR.vue","webpack:///./src/views/ui-elements/table/TableSSR.vue?711b","webpack:///./src/views/ui-elements/table/TableSSR.vue?0a08","webpack:///src/views/ui-elements/table/Table.vue","webpack:///./src/views/ui-elements/table/Table.vue?d157","webpack:///./src/views/ui-elements/table/Table.vue?9613"],"names":["render","_vm","this","_c","_self","attrs","staticRenderFns","_v","tableList","users","scopedSlots","_u","key","fn","data","_l","tr","indextr","email","_s","username","name","id","website","slot","component","staticClass","on","handleSelected","model","value","selected","callback","$$v","expression","components","Prism","methods","title","text","$set","item","index","handleSearch","handleChangePage","handleSort","log","join","TableDefault","TableStriped","TableState","TablePagination","TableSingleSelected","TableMultipleSelected","TableExpandableData","TableEditDataTable","TableFilterSorter","TableMiscellaneous","TableSsr"],"mappings":"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","file":"js/chunk-2d0dddb3.6e8cb063.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"table-demo\"}},[_c('table-default'),_c('table-striped'),_c('table-state'),_c('table-pagination'),_c('table-single-selected'),_c('table-multiple-selected'),_c('table-expandable-data'),_c('table-edit-data-table'),_c('table-filter-sorter'),_c('table-miscellaneous'),_c('table-ssr')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Default\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To implement a data table we have the component vs-table, also sub components and slots for a better management of the structure and operation\")]),_c('vx-list',{attrs:{\"list\":_vm.tableList}}),_c('br'),_c('vs-alert',{attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('p',[_vm._v(\"In order to manipulate the data within the table, it is necessary to add the property: \"),_c('code',[_vm._v(\"data=\\\"myDataTable\\\"\")]),_vm._v(\" and thus be able to use the \"),_c('code',[_vm._v(\"slot-scope=\\\"{data}\\\"\")])])]),_c('br'),_c('br'),_c('vs-table',{attrs:{\"data\":_vm.users},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr},[_c('vs-td',{attrs:{\"data\":data[indextr].email}},[_vm._v(\"\\n \"+_vm._s(data[indextr].email)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].username}},[_vm._v(\"\\n \"+_vm._s(data[indextr].name)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].website)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].id)+\"\\n \")])],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"Email\")]),_c('vs-th',[_vm._v(\"Name\")]),_c('vs-th',[_vm._v(\"Website\")]),_c('vs-th',[_vm._v(\"Nro\")])],1)],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n <vs-table :data=\\\"users\\\">\\n\\n <template slot=\\\"thead\\\">\\n <vs-th>Email</vs-th>\\n <vs-th>Name</vs-th>\\n <vs-th>Website</vs-th>\\n <vs-th>Nro</vs-th>\\n </template>\\n\\n <template slot-scope=\\\"{data}\\\">\\n <vs-tr :key=\\\"indextr\\\" v-for=\\\"(tr, indextr) in data\\\">\\n\\n <vs-td :data=\\\"data[indextr].email\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].email \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].username\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].name \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].website \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].id \\}\\}\")+\"\\n </vs-td>\\n\\n </vs-tr>\\n </template>\\n\\n </vs-table>\\n</template>\\n\\n<script>\\nexport default {\\n data() {\\n return {\\n users: [\\n {\\n \\\"id\\\": 1,\\n \\\"name\\\": \\\"Leanne Graham\\\",\\n \\\"username\\\": \\\"Bret\\\",\\n \\\"email\\\": \\\"Sincere@april.biz\\\",\\n \\\"website\\\": \\\"hildegard.org\\\",\\n },\\n {\\n \\\"id\\\": 2,\\n \\\"name\\\": \\\"Ervin Howell\\\",\\n \\\"username\\\": \\\"Antonette\\\",\\n \\\"email\\\": \\\"Shanna@melissa.tv\\\",\\n \\\"website\\\": \\\"anastasia.net\\\",\\n },\\n {\\n \\\"id\\\": 3,\\n \\\"name\\\": \\\"Clementine Bauch\\\",\\n \\\"username\\\": \\\"Samantha\\\",\\n \\\"email\\\": \\\"Nathan@yesenia.net\\\",\\n \\\"website\\\": \\\"ramiro.info\\\",\\n },\\n {\\n \\\"id\\\": 4,\\n \\\"name\\\": \\\"Patricia Lebsack\\\",\\n \\\"username\\\": \\\"Karianne\\\",\\n \\\"email\\\": \\\"Julianne.OConner@kory.org\\\",\\n \\\"website\\\": \\\"kale.biz\\\",\\n },\\n {\\n \\\"id\\\": 5,\\n \\\"name\\\": \\\"Chelsey Dietrich\\\",\\n \\\"username\\\": \\\"Kamren\\\",\\n \\\"email\\\": \\\"Lucio_Hettinger@annie.ca\\\",\\n \\\"website\\\": \\\"demarco.info\\\",\\n },\\n {\\n \\\"id\\\": 6,\\n \\\"name\\\": \\\"Mrs. Dennis Schulist\\\",\\n \\\"username\\\": \\\"Leopoldo_Corkery\\\",\\n \\\"email\\\": \\\"Karley_Dach@jasper.info\\\",\\n \\\"website\\\": \\\"ola.org\\\",\\n },\\n {\\n \\\"id\\\": 7,\\n \\\"name\\\": \\\"Kurtis Weissnat\\\",\\n \\\"username\\\": \\\"Elwyn.Skiles\\\",\\n \\\"email\\\": \\\"Telly.Hoeger@billy.biz\\\",\\n \\\"website\\\": \\\"elvis.io\\\",\\n },\\n {\\n \\\"id\\\": 8,\\n \\\"name\\\": \\\"Nicholas Runolfsdottir V\\\",\\n \\\"username\\\": \\\"Maxime_Nienow\\\",\\n \\\"email\\\": \\\"Sherwood@rosamond.me\\\",\\n \\\"website\\\": \\\"jacynthe.com\\\",\\n },\\n {\\n \\\"id\\\": 9,\\n \\\"name\\\": \\\"Glenna Reichert\\\",\\n \\\"username\\\": \\\"Delphine\\\",\\n \\\"email\\\": \\\"Chaim_McDermott@dana.io\\\",\\n \\\"website\\\": \\\"conrad.com\\\",\\n },\\n {\\n \\\"id\\\": 10,\\n \\\"name\\\": \\\"Clementina DuBuque\\\",\\n \\\"username\\\": \\\"Moriah.Stanton\\\",\\n \\\"email\\\": \\\"Rey.Padberg@karina.biz\\\",\\n \\\"website\\\": \\\"ambrose.net\\\",\\n },\\n ]\\n }\\n },\\n}\\n</script>\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: TableDefault.vue\r\n Description: Rendering default table\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <vx-card title=\"Default\" code-toggler>\r\n\r\n <p>To implement a data table we have the component vs-table, also sub components and slots for a better management of the structure and operation</p>\r\n\r\n <vx-list :list=\"tableList\"></vx-list><br>\r\n\r\n <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\">\r\n <p>In order to manipulate the data within the table, it is necessary to add the property: <code>data=\"myDataTable\"</code> and thus be able to use the <code>slot-scope=\"{data}\"</code></p>\r\n </vs-alert><br><br>\r\n\r\n <vs-table :data=\"users\">\r\n\r\n <template slot=\"thead\">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope=\"{data}\">\r\n <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n <vs-td :data=\"data[indextr].email\">\r\n {{data[indextr].email}}\r\n </vs-td>\r\n <vs-td :data=\"data[indextr].username\">\r\n {{data[indextr].name}}\r\n </vs-td>\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].website}}\r\n </vs-td>\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].id}}\r\n </vs-td>\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <template slot=\"codeContainer\">\r\n<template>\r\n <vs-table :data="users">\r\n\r\n <template slot="thead">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope="{data}">\r\n <vs-tr :key="indextr" v-for="(tr, indextr) in data">\r\n\r\n <vs-td :data="data[indextr].email">\r\n {{ \"\\{\\{ data[indextr].email \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].username">\r\n {{ \"\\{\\{ data[indextr].name \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].website \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].id \\}\\}\" }}\r\n </vs-td>\r\n\r\n </vs-tr>\r\n </template>\r\n\r\n </vs-table>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n users: [\r\n {\r\n "id": 1,\r\n "name": "Leanne Graham",\r\n "username": "Bret",\r\n "email": "Sincere@april.biz",\r\n "website": "hildegard.org",\r\n },\r\n {\r\n "id": 2,\r\n "name": "Ervin Howell",\r\n "username": "Antonette",\r\n "email": "Shanna@melissa.tv",\r\n "website": "anastasia.net",\r\n },\r\n {\r\n "id": 3,\r\n "name": "Clementine Bauch",\r\n "username": "Samantha",\r\n "email": "Nathan@yesenia.net",\r\n "website": "ramiro.info",\r\n },\r\n {\r\n "id": 4,\r\n "name": "Patricia Lebsack",\r\n "username": "Karianne",\r\n "email": "Julianne.OConner@kory.org",\r\n "website": "kale.biz",\r\n },\r\n {\r\n "id": 5,\r\n "name": "Chelsey Dietrich",\r\n "username": "Kamren",\r\n "email": "Lucio_Hettinger@annie.ca",\r\n "website": "demarco.info",\r\n },\r\n {\r\n "id": 6,\r\n "name": "Mrs. Dennis Schulist",\r\n "username": "Leopoldo_Corkery",\r\n "email": "Karley_Dach@jasper.info",\r\n "website": "ola.org",\r\n },\r\n {\r\n "id": 7,\r\n "name": "Kurtis Weissnat",\r\n "username": "Elwyn.Skiles",\r\n "email": "Telly.Hoeger@billy.biz",\r\n "website": "elvis.io",\r\n },\r\n {\r\n "id": 8,\r\n "name": "Nicholas Runolfsdottir V",\r\n "username": "Maxime_Nienow",\r\n "email": "Sherwood@rosamond.me",\r\n "website": "jacynthe.com",\r\n },\r\n {\r\n "id": 9,\r\n "name": "Glenna Reichert",\r\n "username": "Delphine",\r\n "email": "Chaim_McDermott@dana.io",\r\n "website": "conrad.com",\r\n },\r\n {\r\n "id": 10,\r\n "name": "Clementina DuBuque",\r\n "username": "Moriah.Stanton",\r\n "email": "Rey.Padberg@karina.biz",\r\n "website": "ambrose.net",\r\n },\r\n ]\r\n }\r\n },\r\n}\r\n</script>\r\n </template>\r\n\r\n </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data () {\r\n return {\r\n 'tableList': [\r\n 'vs-th: Component',\r\n 'vs-tr: Component',\r\n 'vs-td: Component',\r\n 'thread: Slot',\r\n 'tbody: Slot',\r\n 'header: Slot'\r\n ],\r\n 'users': [\r\n {\r\n 'id': 1,\r\n 'name': 'Leanne Graham',\r\n 'username': 'Bret',\r\n 'email': 'Sincere@april.biz',\r\n 'website': 'hildegard.org'\r\n },\r\n {\r\n 'id': 2,\r\n 'name': 'Ervin Howell',\r\n 'username': 'Antonette',\r\n 'email': 'Shanna@melissa.tv',\r\n 'website': 'anastasia.net'\r\n },\r\n {\r\n 'id': 3,\r\n 'name': 'Clementine Bauch',\r\n 'username': 'Samantha',\r\n 'email': 'Nathan@yesenia.net',\r\n 'website': 'ramiro.info'\r\n },\r\n {\r\n 'id': 4,\r\n 'name': 'Patricia Lebsack',\r\n 'username': 'Karianne',\r\n 'email': 'Julianne.OConner@kory.org',\r\n 'website': 'kale.biz'\r\n },\r\n {\r\n 'id': 5,\r\n 'name': 'Chelsey Dietrich',\r\n 'username': 'Kamren',\r\n 'email': 'Lucio_Hettinger@annie.ca',\r\n 'website': 'demarco.info'\r\n },\r\n {\r\n 'id': 6,\r\n 'name': 'Mrs. Dennis Schulist',\r\n 'username': 'Leopoldo_Corkery',\r\n 'email': 'Karley_Dach@jasper.info',\r\n 'website': 'ola.org'\r\n },\r\n {\r\n 'id': 7,\r\n 'name': 'Kurtis Weissnat',\r\n 'username': 'Elwyn.Skiles',\r\n 'email': 'Telly.Hoeger@billy.biz',\r\n 'website': 'elvis.io'\r\n },\r\n {\r\n 'id': 8,\r\n 'name': 'Nicholas Runolfsdottir V',\r\n 'username': 'Maxime_Nienow',\r\n 'email': 'Sherwood@rosamond.me',\r\n 'website': 'jacynthe.com'\r\n },\r\n {\r\n 'id': 9,\r\n 'name': 'Glenna Reichert',\r\n 'username': 'Delphine',\r\n 'email': 'Chaim_McDermott@dana.io',\r\n 'website': 'conrad.com'\r\n },\r\n {\r\n 'id': 10,\r\n 'name': 'Clementina DuBuque',\r\n 'username': 'Moriah.Stanton',\r\n 'email': 'Rey.Padberg@karina.biz',\r\n 'website': 'ambrose.net'\r\n }\r\n ]\r\n }\r\n }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableDefault.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TableDefault.vue?vue&type=template&id=75515b16&\"\nimport script from \"./TableDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./TableDefault.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Striped\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can have a sebra effect by adding the property \"),_c('code',[_vm._v(\"stripe\")])]),_c('br'),_c('vs-table',{attrs:{\"stripe\":\"\",\"data\":_vm.users},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr},[_c('vs-td',{attrs:{\"data\":data[indextr].email}},[_vm._v(\"\\n \"+_vm._s(data[indextr].email)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].username}},[_vm._v(\"\\n \"+_vm._s(data[indextr].name)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].website)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].id)+\"\\n \")])],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"Email\")]),_c('vs-th',[_vm._v(\"Name\")]),_c('vs-th',[_vm._v(\"Website\")]),_c('vs-th',[_vm._v(\"Nro\")])],1)],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n <vs-table :data=\\\"users\\\">\\n\\n <template slot=\\\"thead\\\">\\n <vs-th>Email</vs-th>\\n <vs-th>Name</vs-th>\\n <vs-th>Website</vs-th>\\n <vs-th>Nro</vs-th>\\n </template>\\n\\n <template slot-scope=\\\"{data}\\\">\\n <vs-tr :key=\\\"indextr\\\" v-for=\\\"(tr, indextr) in data\\\">\\n\\n <vs-td :data=\\\"data[indextr].email\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].email \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].username\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].name \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].website \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].id \\}\\}\")+\"\\n </vs-td>\\n </vs-tr>\\n </template>\\n\\n </vs-table>\\n</template>\\n\\n<script>\\nexport default {\\n data() {\\n return {\\n users: [......]\\n }\\n },\\n}\\n</script>\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: TableStriped.vue\r\n Description: Rendering default table with striped style\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <vx-card title=\"Striped\" code-toggler>\r\n\r\n <p>You can have a sebra effect by adding the property <code>stripe</code></p><br>\r\n\r\n <vs-table stripe :data=\"users\">\r\n\r\n <template slot=\"thead\">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope=\"{data}\">\r\n <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n <vs-td :data=\"data[indextr].email\">\r\n {{data[indextr].email}}\r\n </vs-td>\r\n <vs-td :data=\"data[indextr].username\">\r\n {{data[indextr].name}}\r\n </vs-td>\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].website}}\r\n </vs-td>\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].id}}\r\n </vs-td>\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <template slot=\"codeContainer\">\r\n<template>\r\n <vs-table :data="users">\r\n\r\n <template slot="thead">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope="{data}">\r\n <vs-tr :key="indextr" v-for="(tr, indextr) in data">\r\n\r\n <vs-td :data="data[indextr].email">\r\n {{ \"\\{\\{ data[indextr].email \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].username">\r\n {{ \"\\{\\{ data[indextr].name \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].website \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].id \\}\\}\" }}\r\n </vs-td>\r\n </vs-tr>\r\n </template>\r\n\r\n </vs-table>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n users: [......]\r\n }\r\n },\r\n}\r\n</script>\r\n </template>\r\n\r\n </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data () {\r\n return {\r\n users: [\r\n {\r\n 'id': 1,\r\n 'name': 'Leanne Graham',\r\n 'username': 'Bret',\r\n 'email': 'Sincere@april.biz',\r\n 'website': 'hildegard.org'\r\n },\r\n {\r\n 'id': 2,\r\n 'name': 'Ervin Howell',\r\n 'username': 'Antonette',\r\n 'email': 'Shanna@melissa.tv',\r\n 'website': 'anastasia.net'\r\n },\r\n {\r\n 'id': 3,\r\n 'name': 'Clementine Bauch',\r\n 'username': 'Samantha',\r\n 'email': 'Nathan@yesenia.net',\r\n 'website': 'ramiro.info'\r\n },\r\n {\r\n 'id': 4,\r\n 'name': 'Patricia Lebsack',\r\n 'username': 'Karianne',\r\n 'email': 'Julianne.OConner@kory.org',\r\n 'website': 'kale.biz'\r\n },\r\n {\r\n 'id': 5,\r\n 'name': 'Chelsey Dietrich',\r\n 'username': 'Kamren',\r\n 'email': 'Lucio_Hettinger@annie.ca',\r\n 'website': 'demarco.info'\r\n },\r\n {\r\n 'id': 6,\r\n 'name': 'Mrs. Dennis Schulist',\r\n 'username': 'Leopoldo_Corkery',\r\n 'email': 'Karley_Dach@jasper.info',\r\n 'website': 'ola.org'\r\n },\r\n {\r\n 'id': 7,\r\n 'name': 'Kurtis Weissnat',\r\n 'username': 'Elwyn.Skiles',\r\n 'email': 'Telly.Hoeger@billy.biz',\r\n 'website': 'elvis.io'\r\n },\r\n {\r\n 'id': 8,\r\n 'name': 'Nicholas Runolfsdottir V',\r\n 'username': 'Maxime_Nienow',\r\n 'email': 'Sherwood@rosamond.me',\r\n 'website': 'jacynthe.com'\r\n },\r\n {\r\n 'id': 9,\r\n 'name': 'Glenna Reichert',\r\n 'username': 'Delphine',\r\n 'email': 'Chaim_McDermott@dana.io',\r\n 'website': 'conrad.com'\r\n },\r\n {\r\n 'id': 10,\r\n 'name': 'Clementina DuBuque',\r\n 'username': 'Moriah.Stanton',\r\n 'email': 'Rey.Padberg@karina.biz',\r\n 'website': 'ambrose.net'\r\n }\r\n ]\r\n }\r\n }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableStriped.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableStriped.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TableStriped.vue?vue&type=template&id=d07420f6&\"\nimport script from \"./TableStriped.vue?vue&type=script&lang=js&\"\nexport * from \"./TableStriped.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"State\",\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-4\"},[_vm._v(\"There are times when we need to add a state to our tr in the table so we have the property \"),_c('strong',[_vm._v(\"state\")]),_vm._v(\" inside the component \"),_c('code',[_vm._v(\"vs-tr\")])]),_c('vs-table',{attrs:{\"data\":_vm.users},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"state\":indextr == 2 || indextr == 5 ? 'success':indextr == 6 ? 'danger':null}},[_c('vs-td',{attrs:{\"data\":data[indextr].email}},[_vm._v(\"\\n \"+_vm._s(data[indextr].email)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].username}},[_vm._v(\"\\n \"+_vm._s(data[indextr].name)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].website)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].id)+\"\\n \")])],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"Email\")]),_c('vs-th',[_vm._v(\"Name\")]),_c('vs-th',[_vm._v(\"Website\")]),_c('vs-th',[_vm._v(\"Nro\")])],1)],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n <vs-table :data=\\\"users\\\">\\n\\n <template slot=\\\"thead\\\">\\n <vs-th>Email</vs-th>\\n <vs-th>Name</vs-th>\\n <vs-th>Website</vs-th>\\n <vs-th>Nro</vs-th>\\n </template>\\n\\n <template slot-scope=\\\"{data}\\\">\\n <vs-tr :state=\\\"indextr == 2 || indextr == 5 ? 'success':indextr == 6 ? 'danger':null\\\" :key=\\\"indextr\\\" v-for=\\\"(tr, indextr) in data\\\">\\n\\n <vs-td :data=\\\"data[indextr].email\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].email \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].username\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].name \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].website \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].id \\}\\}\")+\"\\n </vs-td>\\n </vs-tr>\\n </template>\\n\\n </vs-table>\\n</template>\\n\\n<script>\\nexport default {\\n data() {\\n return {\\n users: [......]\\n }\\n },\\n}\\n</script>\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: TableState.vue\r\n Description: Display state in your table rows\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <vx-card title=\"State\" code-toggler>\r\n\r\n <p class=\"mb-4\">There are times when we need to add a state to our tr in the table so we have the property <strong>state</strong> inside the component <code>vs-tr</code></p>\r\n\r\n <vs-table :data=\"users\">\r\n\r\n <template slot=\"thead\">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope=\"{data}\">\r\n <vs-tr :state=\"indextr == 2 || indextr == 5 ? 'success':indextr == 6 ? 'danger':null\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n <vs-td :data=\"data[indextr].email\">\r\n {{data[indextr].email}}\r\n </vs-td>\r\n <vs-td :data=\"data[indextr].username\">\r\n {{data[indextr].name}}\r\n </vs-td>\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].website}}\r\n </vs-td>\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].id}}\r\n </vs-td>\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <template slot=\"codeContainer\">\r\n<template>\r\n <vs-table :data="users">\r\n\r\n <template slot="thead">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope="{data}">\r\n <vs-tr :state="indextr == 2 || indextr == 5 ? 'success':indextr == 6 ? 'danger':null" :key="indextr" v-for="(tr, indextr) in data">\r\n\r\n <vs-td :data="data[indextr].email">\r\n {{ \"\\{\\{ data[indextr].email \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].username">\r\n {{ \"\\{\\{ data[indextr].name \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].website \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].id \\}\\}\" }}\r\n </vs-td>\r\n </vs-tr>\r\n </template>\r\n\r\n </vs-table>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n users: [......]\r\n }\r\n },\r\n}\r\n</script>\r\n </template>\r\n\r\n </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data () {\r\n return {\r\n users: [\r\n {\r\n 'id': 1,\r\n 'name': 'Leanne Graham',\r\n 'username': 'Bret',\r\n 'email': 'Sincere@april.biz',\r\n 'website': 'hildegard.org'\r\n },\r\n {\r\n 'id': 2,\r\n 'name': 'Ervin Howell',\r\n 'username': 'Antonette',\r\n 'email': 'Shanna@melissa.tv',\r\n 'website': 'anastasia.net'\r\n },\r\n {\r\n 'id': 3,\r\n 'name': 'Clementine Bauch',\r\n 'username': 'Samantha',\r\n 'email': 'Nathan@yesenia.net',\r\n 'website': 'ramiro.info'\r\n },\r\n {\r\n 'id': 4,\r\n 'name': 'Patricia Lebsack',\r\n 'username': 'Karianne',\r\n 'email': 'Julianne.OConner@kory.org',\r\n 'website': 'kale.biz'\r\n },\r\n {\r\n 'id': 5,\r\n 'name': 'Chelsey Dietrich',\r\n 'username': 'Kamren',\r\n 'email': 'Lucio_Hettinger@annie.ca',\r\n 'website': 'demarco.info'\r\n },\r\n {\r\n 'id': 6,\r\n 'name': 'Mrs. Dennis Schulist',\r\n 'username': 'Leopoldo_Corkery',\r\n 'email': 'Karley_Dach@jasper.info',\r\n 'website': 'ola.org'\r\n },\r\n {\r\n 'id': 7,\r\n 'name': 'Kurtis Weissnat',\r\n 'username': 'Elwyn.Skiles',\r\n 'email': 'Telly.Hoeger@billy.biz',\r\n 'website': 'elvis.io'\r\n },\r\n {\r\n 'id': 8,\r\n 'name': 'Nicholas Runolfsdottir V',\r\n 'username': 'Maxime_Nienow',\r\n 'email': 'Sherwood@rosamond.me',\r\n 'website': 'jacynthe.com'\r\n },\r\n {\r\n 'id': 9,\r\n 'name': 'Glenna Reichert',\r\n 'username': 'Delphine',\r\n 'email': 'Chaim_McDermott@dana.io',\r\n 'website': 'conrad.com'\r\n },\r\n {\r\n 'id': 10,\r\n 'name': 'Clementina DuBuque',\r\n 'username': 'Moriah.Stanton',\r\n 'email': 'Rey.Padberg@karina.biz',\r\n 'website': 'ambrose.net'\r\n }\r\n ]\r\n }\r\n }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableState.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableState.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TableState.vue?vue&type=template&id=32214aec&\"\nimport script from \"./TableState.vue?vue&type=script&lang=js&\"\nexport * from \"./TableState.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Pagination\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add a paginated table with the pagination property\")]),_c('vs-alert',{staticClass:\"my-3\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('p',[_vm._v(\"by default the maximum number of elements per page is 5 to change it using the max-items property\")])]),_c('br'),_c('vs-table',{attrs:{\"max-items\":\"3\",\"pagination\":\"\",\"data\":_vm.users},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr},[_c('vs-td',{attrs:{\"data\":data[indextr].email}},[_vm._v(\"\\n \"+_vm._s(data[indextr].email)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].username}},[_vm._v(\"\\n \"+_vm._s(data[indextr].username)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].website)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].id)+\"\\n \")])],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"Email\")]),_c('vs-th',[_vm._v(\"Name\")]),_c('vs-th',[_vm._v(\"Website\")]),_c('vs-th',[_vm._v(\"Nro\")])],1)],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n <div>\\n <vs-table max-items=\\\"3\\\" pagination :data=\\\"users\\\">\\n\\n <template slot=\\\"thead\\\">\\n <vs-th>Email</vs-th>\\n <vs-th>Name</vs-th>\\n <vs-th>Website</vs-th>\\n <vs-th>Nro</vs-th>\\n </template>\\n\\n <template slot-scope=\\\"{data}\\\">\\n <vs-tr :key=\\\"indextr\\\" v-for=\\\"(tr, indextr) in data\\\">\\n\\n <vs-td :data=\\\"data[indextr].email\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].email \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].username\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].username \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].website \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].id \\}\\}\")+\"\\n </vs-td>\\n\\n </vs-tr>\\n </template>\\n </vs-table>\\n </div>\\n</template>\\n\\n<script>\\nexport default {\\n data: () => ({\\n users: [\\n {\\n \\\"id\\\": 1,\\n \\\"name\\\": \\\"Leanne Graham\\\",\\n \\\"username\\\": \\\"Bret\\\",\\n \\\"email\\\": \\\"Sincere@april.biz\\\",\\n \\\"website\\\": \\\"hildegard.org\\\",\\n },\\n {\\n \\\"id\\\": 2,\\n \\\"name\\\": \\\"Ervin Howell\\\",\\n \\\"username\\\": \\\"Antonette\\\",\\n \\\"email\\\": \\\"Shanna@melissa.tv\\\",\\n \\\"website\\\": \\\"anastasia.net\\\",\\n },\\n {\\n \\\"id\\\": 3,\\n \\\"name\\\": \\\"Clementine Bauch\\\",\\n \\\"username\\\": \\\"Samantha\\\",\\n \\\"email\\\": \\\"Nathan@yesenia.net\\\",\\n \\\"website\\\": \\\"ramiro.info\\\",\\n },\\n {\\n \\\"id\\\": 4,\\n \\\"name\\\": \\\"Patricia Lebsack\\\",\\n \\\"username\\\": \\\"Karianne\\\",\\n \\\"email\\\": \\\"Julianne.OConner@kory.org\\\",\\n \\\"website\\\": \\\"kale.biz\\\",\\n },\\n {\\n \\\"id\\\": 5,\\n \\\"name\\\": \\\"Chelsey Dietrich\\\",\\n \\\"username\\\": \\\"Kamren\\\",\\n \\\"email\\\": \\\"Lucio_Hettinger@annie.ca\\\",\\n \\\"website\\\": \\\"demarco.info\\\",\\n },\\n {\\n \\\"id\\\": 6,\\n \\\"name\\\": \\\"Mrs. Dennis Schulist\\\",\\n \\\"username\\\": \\\"Leopoldo_Corkery\\\",\\n \\\"email\\\": \\\"Karley_Dach@jasper.info\\\",\\n \\\"website\\\": \\\"ola.org\\\",\\n },\\n {\\n \\\"id\\\": 7,\\n \\\"name\\\": \\\"Kurtis Weissnat\\\",\\n \\\"username\\\": \\\"Elwyn.Skiles\\\",\\n \\\"email\\\": \\\"Telly.Hoeger@billy.biz\\\",\\n \\\"website\\\": \\\"elvis.io\\\",\\n },\\n {\\n \\\"id\\\": 8,\\n \\\"name\\\": \\\"Nicholas Runolfsdottir V\\\",\\n \\\"username\\\": \\\"Maxime_Nienow\\\",\\n \\\"email\\\": \\\"Sherwood@rosamond.me\\\",\\n \\\"website\\\": \\\"jacynthe.com\\\",\\n },\\n {\\n \\\"id\\\": 9,\\n \\\"name\\\": \\\"Glenna Reichert\\\",\\n \\\"username\\\": \\\"Delphine\\\",\\n \\\"email\\\": \\\"Chaim_McDermott@dana.io\\\",\\n \\\"website\\\": \\\"conrad.com\\\",\\n },\\n {\\n \\\"id\\\": 10,\\n \\\"name\\\": \\\"Clementina DuBuque\\\",\\n \\\"username\\\": \\\"Moriah.Stanton\\\",\\n \\\"email\\\": \\\"Rey.Padberg@karina.biz\\\",\\n \\\"website\\\": \\\"ambrose.net\\\",\\n }\\n ]\\n }),\\n}\\n</script>\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: TablePagination.vue\r\n Description: Add pagination to table for long data\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <vx-card title=\"Pagination\" code-toggler>\r\n\r\n <p>You can add a paginated table with the pagination property</p>\r\n\r\n <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"my-3\">\r\n <p>by default the maximum number of elements per page is 5 to change it using the max-items property</p>\r\n </vs-alert><br>\r\n\r\n <vs-table max-items=\"3\" pagination :data=\"users\">\r\n\r\n <template slot=\"thead\">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope=\"{data}\">\r\n <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n\r\n <vs-td :data=\"data[indextr].email\">\r\n {{data[indextr].email}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].username\">\r\n {{data[indextr].username}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].website}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].id}}\r\n </vs-td>\r\n\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <template slot=\"codeContainer\">\r\n<template lang="html">\r\n <div>\r\n <vs-table max-items="3" pagination :data="users">\r\n\r\n <template slot="thead">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope="{data}">\r\n <vs-tr :key="indextr" v-for="(tr, indextr) in data">\r\n\r\n <vs-td :data="data[indextr].email">\r\n {{ \"\\{\\{ data[indextr].email \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].username">\r\n {{ \"\\{\\{ data[indextr].username \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].website \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].id \\}\\}\" }}\r\n </vs-td>\r\n\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data: () => ({\r\n users: [\r\n {\r\n "id": 1,\r\n "name": "Leanne Graham",\r\n "username": "Bret",\r\n "email": "Sincere@april.biz",\r\n "website": "hildegard.org",\r\n },\r\n {\r\n "id": 2,\r\n "name": "Ervin Howell",\r\n "username": "Antonette",\r\n "email": "Shanna@melissa.tv",\r\n "website": "anastasia.net",\r\n },\r\n {\r\n "id": 3,\r\n "name": "Clementine Bauch",\r\n "username": "Samantha",\r\n "email": "Nathan@yesenia.net",\r\n "website": "ramiro.info",\r\n },\r\n {\r\n "id": 4,\r\n "name": "Patricia Lebsack",\r\n "username": "Karianne",\r\n "email": "Julianne.OConner@kory.org",\r\n "website": "kale.biz",\r\n },\r\n {\r\n "id": 5,\r\n "name": "Chelsey Dietrich",\r\n "username": "Kamren",\r\n "email": "Lucio_Hettinger@annie.ca",\r\n "website": "demarco.info",\r\n },\r\n {\r\n "id": 6,\r\n "name": "Mrs. Dennis Schulist",\r\n "username": "Leopoldo_Corkery",\r\n "email": "Karley_Dach@jasper.info",\r\n "website": "ola.org",\r\n },\r\n {\r\n "id": 7,\r\n "name": "Kurtis Weissnat",\r\n "username": "Elwyn.Skiles",\r\n "email": "Telly.Hoeger@billy.biz",\r\n "website": "elvis.io",\r\n },\r\n {\r\n "id": 8,\r\n "name": "Nicholas Runolfsdottir V",\r\n "username": "Maxime_Nienow",\r\n "email": "Sherwood@rosamond.me",\r\n "website": "jacynthe.com",\r\n },\r\n {\r\n "id": 9,\r\n "name": "Glenna Reichert",\r\n "username": "Delphine",\r\n "email": "Chaim_McDermott@dana.io",\r\n "website": "conrad.com",\r\n },\r\n {\r\n "id": 10,\r\n "name": "Clementina DuBuque",\r\n "username": "Moriah.Stanton",\r\n "email": "Rey.Padberg@karina.biz",\r\n "website": "ambrose.net",\r\n }\r\n ]\r\n }),\r\n}\r\n</script>\r\n </template>\r\n\r\n </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data: () => ({\r\n users: [\r\n {\r\n 'id': 1,\r\n 'name': 'Leanne Graham',\r\n 'username': 'Bret',\r\n 'email': 'Sincere@april.biz',\r\n 'website': 'hildegard.org'\r\n },\r\n {\r\n 'id': 2,\r\n 'name': 'Ervin Howell',\r\n 'username': 'Antonette',\r\n 'email': 'Shanna@melissa.tv',\r\n 'website': 'anastasia.net'\r\n },\r\n {\r\n 'id': 3,\r\n 'name': 'Clementine Bauch',\r\n 'username': 'Samantha',\r\n 'email': 'Nathan@yesenia.net',\r\n 'website': 'ramiro.info'\r\n },\r\n {\r\n 'id': 4,\r\n 'name': 'Patricia Lebsack',\r\n 'username': 'Karianne',\r\n 'email': 'Julianne.OConner@kory.org',\r\n 'website': 'kale.biz'\r\n },\r\n {\r\n 'id': 5,\r\n 'name': 'Chelsey Dietrich',\r\n 'username': 'Kamren',\r\n 'email': 'Lucio_Hettinger@annie.ca',\r\n 'website': 'demarco.info'\r\n },\r\n {\r\n 'id': 6,\r\n 'name': 'Mrs. Dennis Schulist',\r\n 'username': 'Leopoldo_Corkery',\r\n 'email': 'Karley_Dach@jasper.info',\r\n 'website': 'ola.org'\r\n },\r\n {\r\n 'id': 7,\r\n 'name': 'Kurtis Weissnat',\r\n 'username': 'Elwyn.Skiles',\r\n 'email': 'Telly.Hoeger@billy.biz',\r\n 'website': 'elvis.io'\r\n },\r\n {\r\n 'id': 8,\r\n 'name': 'Nicholas Runolfsdottir V',\r\n 'username': 'Maxime_Nienow',\r\n 'email': 'Sherwood@rosamond.me',\r\n 'website': 'jacynthe.com'\r\n },\r\n {\r\n 'id': 9,\r\n 'name': 'Glenna Reichert',\r\n 'username': 'Delphine',\r\n 'email': 'Chaim_McDermott@dana.io',\r\n 'website': 'conrad.com'\r\n },\r\n {\r\n 'id': 10,\r\n 'name': 'Clementina DuBuque',\r\n 'username': 'Moriah.Stanton',\r\n 'email': 'Rey.Padberg@karina.biz',\r\n 'website': 'ambrose.net'\r\n }\r\n ]\r\n })\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TablePagination.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TablePagination.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TablePagination.vue?vue&type=template&id=36bcf0ad&\"\nimport script from \"./TablePagination.vue?vue&type=script&lang=js&\"\nexport * from \"./TablePagination.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Single Selected\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add the functionality of select a specific \"),_c('strong',[_vm._v(\"tr\")]),_vm._v(\" to do this add the property \"),_c('code',[_vm._v(\"data\")]),_vm._v(\" with the value to be selected, it is usually the triterated\")]),_c('vs-alert',{staticClass:\"mt-3\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('p',[_vm._v(\"if you need to execute a certain function to select the user, we have the property \"),_c('code',[_vm._v(\"@selected\")]),_vm._v(\", as the first parameter the data is returned\")])]),_c('br'),_c('vs-table',{attrs:{\"data\":_vm.users},on:{\"selected\":_vm.handleSelected},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":data[indextr].email}},[_vm._v(\"\\n \"+_vm._s(data[indextr].email)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].username}},[_vm._v(\"\\n \"+_vm._s(data[indextr].username)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].website}},[_vm._v(\"\\n \"+_vm._s(data[indextr].website)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].id)+\"\\n \")])],1)})}}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"Email\")]),_c('vs-th',[_vm._v(\"Name\")]),_c('vs-th',[_vm._v(\"Website\")]),_c('vs-th',[_vm._v(\"Nro\")])],1)],2),_c('br'),_c('prism',{staticClass:\"rounded-lg\",attrs:{\"language\":\"js\"}},[_vm._v(\"\\n\"+_vm._s(_vm.selected)+\"\\n \")]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n <vs-table v-model=\\\"selected\\\" @selected=\\\"handleSelected\\\" :data=\\\"users\\\">\\n\\n <template slot=\\\"thead\\\">\\n <vs-th>Email</vs-th>\\n <vs-th>Name</vs-th>\\n <vs-th>Website</vs-th>\\n <vs-th>Nro</vs-th>\\n </template>\\n\\n <template slot-scope=\\\"{data}\\\">\\n <vs-tr :data=\\\"tr\\\" :key=\\\"indextr\\\" v-for=\\\"(tr, indextr) in data\\\">\\n\\n <vs-td :data=\\\"data[indextr].email\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].email \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].username\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].username \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].website\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].website \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].id \\}\\}\")+\"\\n </vs-td>\\n\\n </vs-tr>\\n </template>\\n </vs-table>\\n\\n <br>\\n\\n <pre>\"+_vm._s(\"\\{\\{ selected \\}\\}\")+\"</pre>\\n</template>\\n\\n<script>\\nexport default {\\n data() {\\n return {\\n selected: [],\\n users: [.....],\\n }\\n },\\n methods: {\\n handleSelected(tr) {\\n this.$vs.notify({\\n title: `Selected ${tr.username}`,\\n text: `Email: ${tr.email}`\\n })\\n }\\n }\\n}\\n</script>\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: TableSingleSelected.vue\r\n Description: Add functionality on selecting row\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <vx-card title=\"Single Selected\" code-toggler>\r\n\r\n <p>You can add the functionality of select a specific <strong>tr</strong> to do this add the property <code>data</code> with the value to be selected, it is usually the triterated</p>\r\n\r\n <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-3\">\r\n <p>if you need to execute a certain function to select the user, we have the property <code>@selected</code>, as the first parameter the data is returned</p>\r\n </vs-alert><br>\r\n\r\n <vs-table v-model=\"selected\" @selected=\"handleSelected\" :data=\"users\">\r\n\r\n <template slot=\"thead\">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope=\"{data}\">\r\n <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n\r\n <vs-td :data=\"data[indextr].email\">\r\n {{data[indextr].email}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].username\">\r\n {{data[indextr].username}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].website\">\r\n {{data[indextr].website}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].id}}\r\n </vs-td>\r\n\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <br>\r\n\r\n <prism language=\"js\" class=\"rounded-lg\">\r\n{{ selected }}\r\n </prism>\r\n\r\n <template slot=\"codeContainer\">\r\n<template>\r\n <vs-table v-model="selected" @selected="handleSelected" :data="users">\r\n\r\n <template slot="thead">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope="{data}">\r\n <vs-tr :data="tr" :key="indextr" v-for="(tr, indextr) in data">\r\n\r\n <vs-td :data="data[indextr].email">\r\n {{ \"\\{\\{ data[indextr].email \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].username">\r\n {{ \"\\{\\{ data[indextr].username \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].website">\r\n {{ \"\\{\\{ data[indextr].website \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].id \\}\\}\" }}\r\n </vs-td>\r\n\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <br>\r\n\r\n <pre>{{ \"\\{\\{ selected \\}\\}\" }}</pre>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n selected: [],\r\n users: [.....],\r\n }\r\n },\r\n methods: {\r\n handleSelected(tr) {\r\n this.$vs.notify({\r\n title: `Selected ${tr.username}`,\r\n text: `Email: ${tr.email}`\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n </template>\r\n\r\n </vx-card>\r\n</template>\r\n\r\n<script>\r\nimport Prism from 'vue-prism-component'\r\n\r\nexport default {\r\n data () {\r\n return {\r\n selected: [],\r\n users: [\r\n {\r\n 'id': 1,\r\n 'name': 'Leanne Graham',\r\n 'username': 'Bret',\r\n 'email': 'Sincere@april.biz',\r\n 'website': 'hildegard.org'\r\n },\r\n {\r\n 'id': 2,\r\n 'name': 'Ervin Howell',\r\n 'username': 'Antonette',\r\n 'email': 'Shanna@melissa.tv',\r\n 'website': 'anastasia.net'\r\n },\r\n {\r\n 'id': 3,\r\n 'name': 'Clementine Bauch',\r\n 'username': 'Samantha',\r\n 'email': 'Nathan@yesenia.net',\r\n 'website': 'ramiro.info'\r\n },\r\n {\r\n 'id': 4,\r\n 'name': 'Patricia Lebsack',\r\n 'username': 'Karianne',\r\n 'email': 'Julianne.OConner@kory.org',\r\n 'website': 'kale.biz'\r\n },\r\n {\r\n 'id': 5,\r\n 'name': 'Chelsey Dietrich',\r\n 'username': 'Kamren',\r\n 'email': 'Lucio_Hettinger@annie.ca',\r\n 'website': 'demarco.info'\r\n },\r\n {\r\n 'id': 6,\r\n 'name': 'Mrs. Dennis Schulist',\r\n 'username': 'Leopoldo_Corkery',\r\n 'email': 'Karley_Dach@jasper.info',\r\n 'website': 'ola.org'\r\n },\r\n {\r\n 'id': 7,\r\n 'name': 'Kurtis Weissnat',\r\n 'username': 'Elwyn.Skiles',\r\n 'email': 'Telly.Hoeger@billy.biz',\r\n 'website': 'elvis.io'\r\n },\r\n {\r\n 'id': 8,\r\n 'name': 'Nicholas Runolfsdottir V',\r\n 'username': 'Maxime_Nienow',\r\n 'email': 'Sherwood@rosamond.me',\r\n 'website': 'jacynthe.com'\r\n },\r\n {\r\n 'id': 9,\r\n 'name': 'Glenna Reichert',\r\n 'username': 'Delphine',\r\n 'email': 'Chaim_McDermott@dana.io',\r\n 'website': 'conrad.com'\r\n },\r\n {\r\n 'id': 10,\r\n 'name': 'Clementina DuBuque',\r\n 'username': 'Moriah.Stanton',\r\n 'email': 'Rey.Padberg@karina.biz',\r\n 'website': 'ambrose.net'\r\n }\r\n ]\r\n }\r\n },\r\n components: {\r\n Prism\r\n },\r\n methods: {\r\n handleSelected (tr) {\r\n this.$vs.notify({\r\n title: `Selected ${tr.username}`,\r\n text: `Email: ${tr.email}`\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableSingleSelected.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableSingleSelected.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TableSingleSelected.vue?vue&type=template&id=4a746141&\"\nimport script from \"./TableSingleSelected.vue?vue&type=script&lang=js&\"\nexport * from \"./TableSingleSelected.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Multiple Selected\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To select multiples \"),_c('strong',[_vm._v(\"tr\")]),_vm._v(\" we have the property \"),_c('code',[_vm._v(\"multiple\")]),_vm._v(\" and each of the selected items will be added to the \"),_c('code',[_vm._v(\"v-model\")])]),_c('vs-alert',{staticClass:\"mt-3\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('p',[_vm._v(\"if you need to execute a certain function to select the user, we have the property \"),_c('code',[_vm._v(\"@selected\")]),_vm._v(\", as the first parameter the data is returned\")])]),_c('br'),_c('vs-table',{attrs:{\"multiple\":\"\",\"data\":_vm.users},on:{\"selected\":_vm.handleSelected},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":data[indextr].email}},[_vm._v(\"\\n \"+_vm._s(data[indextr].email)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].username}},[_vm._v(\"\\n \"+_vm._s(data[indextr].username)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].website}},[_vm._v(\"\\n \"+_vm._s(data[indextr].website)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].id)+\"\\n \")])],1)})}}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"Email\")]),_c('vs-th',[_vm._v(\"Name\")]),_c('vs-th',[_vm._v(\"Website\")]),_c('vs-th',[_vm._v(\"Nro\")])],1)],2),_c('br'),_c('prism',{staticClass:\"rounded-lg\",attrs:{\"language\":\"js\"}},[_vm._v(\"\\n\"+_vm._s(_vm.selected)+\"\\n \")]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n <vs-table multiple v-model=\\\"selected\\\" @selected=\\\"handleSelected\\\" :data=\\\"users\\\">\\n\\n <template slot=\\\"thead\\\">\\n <vs-th>Email</vs-th>\\n <vs-th>Name</vs-th>\\n <vs-th>Website</vs-th>\\n <vs-th>Nro</vs-th>\\n </template>\\n\\n <template slot-scope=\\\"{data}\\\">\\n <vs-tr :data=\\\"tr\\\" :key=\\\"indextr\\\" v-for=\\\"(tr, indextr) in data\\\">\\n\\n <vs-td :data=\\\"data[indextr].email\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].email \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].username\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].username \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].website\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].website \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].id \\}\\}\")+\"\\n </vs-td>\\n\\n </vs-tr>\\n </template>\\n </vs-table>\\n\\n <br>\\n\\n <pre>\"+_vm._s(\"\\{\\{ selected \\}\\}\")+\"</pre>\\n</template>\\n\\n<script>\\nexport default {\\n data() {\\n return {\\n selected: [],\\n users: [.....],\\n }\\n },\\n methods: {\\n handleSelected(tr) {\\n this.$vs.notify({\\n title: `Selected ${tr.username}`,\\n text: `Email: ${tr.email}`\\n })\\n }\\n }\\n}\\n</script>\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: TableMultipleSelected.vue\r\n Description: Select multiple rows of table\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <vx-card title=\"Multiple Selected\" code-toggler>\r\n\r\n <p>To select multiples <strong>tr</strong> we have the property <code>multiple</code> and each of the selected items will be added to the <code>v-model</code></p>\r\n\r\n <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-3\">\r\n <p>if you need to execute a certain function to select the user, we have the property <code>@selected</code>, as the first parameter the data is returned</p>\r\n </vs-alert><br>\r\n\r\n <vs-table multiple v-model=\"selected\" @selected=\"handleSelected\" :data=\"users\">\r\n\r\n <template slot=\"thead\">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope=\"{data}\">\r\n <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n\r\n <vs-td :data=\"data[indextr].email\">\r\n {{data[indextr].email}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].username\">\r\n {{data[indextr].username}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].website\">\r\n {{data[indextr].website}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].id}}\r\n </vs-td>\r\n\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <br>\r\n\r\n <prism language=\"js\" class=\"rounded-lg\">\r\n{{ selected }}\r\n </prism>\r\n\r\n <template slot=\"codeContainer\">\r\n<template>\r\n <vs-table multiple v-model="selected" @selected="handleSelected" :data="users">\r\n\r\n <template slot="thead">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope="{data}">\r\n <vs-tr :data="tr" :key="indextr" v-for="(tr, indextr) in data">\r\n\r\n <vs-td :data="data[indextr].email">\r\n {{ \"\\{\\{ data[indextr].email \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].username">\r\n {{ \"\\{\\{ data[indextr].username \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].website">\r\n {{ \"\\{\\{ data[indextr].website \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].id \\}\\}\" }}\r\n </vs-td>\r\n\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <br>\r\n\r\n <pre>{{ \"\\{\\{ selected \\}\\}\" }}</pre>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n selected: [],\r\n users: [.....],\r\n }\r\n },\r\n methods: {\r\n handleSelected(tr) {\r\n this.$vs.notify({\r\n title: `Selected ${tr.username}`,\r\n text: `Email: ${tr.email}`\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n </template>\r\n\r\n </vx-card>\r\n</template>\r\n\r\n<script>\r\nimport Prism from 'vue-prism-component'\r\n\r\nexport default {\r\n data () {\r\n return {\r\n selected: [],\r\n users: [\r\n {\r\n 'id': 1,\r\n 'name': 'Leanne Graham',\r\n 'username': 'Bret',\r\n 'email': 'Sincere@april.biz',\r\n 'website': 'hildegard.org'\r\n },\r\n {\r\n 'id': 2,\r\n 'name': 'Ervin Howell',\r\n 'username': 'Antonette',\r\n 'email': 'Shanna@melissa.tv',\r\n 'website': 'anastasia.net'\r\n },\r\n {\r\n 'id': 3,\r\n 'name': 'Clementine Bauch',\r\n 'username': 'Samantha',\r\n 'email': 'Nathan@yesenia.net',\r\n 'website': 'ramiro.info'\r\n },\r\n {\r\n 'id': 4,\r\n 'name': 'Patricia Lebsack',\r\n 'username': 'Karianne',\r\n 'email': 'Julianne.OConner@kory.org',\r\n 'website': 'kale.biz'\r\n },\r\n {\r\n 'id': 5,\r\n 'name': 'Chelsey Dietrich',\r\n 'username': 'Kamren',\r\n 'email': 'Lucio_Hettinger@annie.ca',\r\n 'website': 'demarco.info'\r\n },\r\n {\r\n 'id': 6,\r\n 'name': 'Mrs. Dennis Schulist',\r\n 'username': 'Leopoldo_Corkery',\r\n 'email': 'Karley_Dach@jasper.info',\r\n 'website': 'ola.org'\r\n },\r\n {\r\n 'id': 7,\r\n 'name': 'Kurtis Weissnat',\r\n 'username': 'Elwyn.Skiles',\r\n 'email': 'Telly.Hoeger@billy.biz',\r\n 'website': 'elvis.io'\r\n },\r\n {\r\n 'id': 8,\r\n 'name': 'Nicholas Runolfsdottir V',\r\n 'username': 'Maxime_Nienow',\r\n 'email': 'Sherwood@rosamond.me',\r\n 'website': 'jacynthe.com'\r\n },\r\n {\r\n 'id': 9,\r\n 'name': 'Glenna Reichert',\r\n 'username': 'Delphine',\r\n 'email': 'Chaim_McDermott@dana.io',\r\n 'website': 'conrad.com'\r\n },\r\n {\r\n 'id': 10,\r\n 'name': 'Clementina DuBuque',\r\n 'username': 'Moriah.Stanton',\r\n 'email': 'Rey.Padberg@karina.biz',\r\n 'website': 'ambrose.net'\r\n }\r\n ]\r\n }\r\n },\r\n components: {\r\n Prism\r\n },\r\n methods: {\r\n handleSelected (tr) {\r\n this.$vs.notify({\r\n title: `Selected ${tr.username}`,\r\n text: `Email: ${tr.email}`\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableMultipleSelected.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableMultipleSelected.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TableMultipleSelected.vue?vue&type=template&id=991d2c68&\"\nimport script from \"./TableMultipleSelected.vue?vue&type=script&lang=js&\"\nexport * from \"./TableMultipleSelected.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"ExpandableData\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add the functionality of expanding a \"),_c('strong',[_vm._v(\"tr\")]),_vm._v(\" to visualize more data to make a structure of data or more complex functionalities\")]),_c('br'),_c('vs-table',{attrs:{\"data\":_vm.users},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":tr.email}},[_vm._v(\"\\n \"+_vm._s(tr.email)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":tr.username}},[_vm._v(\"\\n \"+_vm._s(tr.name)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":tr.website}},[_vm._v(\"\\n \"+_vm._s(tr.website)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":tr.id}},[_vm._v(\"\\n \"+_vm._s(tr.id)+\"\\n \")]),_c('template',{staticClass:\"expand-user\",slot:\"expand\"},[_c('div',{staticClass:\"con-expand-users w-full\"},[_c('div',{staticClass:\"con-btns-user flex items-center justify-between\"},[_c('div',{staticClass:\"con-userx flex items-center justify-start\"},[_c('vs-avatar',{attrs:{\"badge\":tr.id,\"size\":\"45px\",\"src\":`https://randomuser.me/api/portraits/women/${tr.id}.jpg`}}),_c('span',[_vm._v(_vm._s(tr.name))])],1),_c('div',{staticClass:\"flex\"},[_c('vs-button',{staticClass:\"mr-2\",attrs:{\"type\":\"border\",\"size\":\"small\",\"icon-pack\":\"feather\",\"icon\":\"icon-phone\"}}),_c('vs-button',{staticClass:\"mr-2\",attrs:{\"type\":\"border\",\"size\":\"small\",\"icon-pack\":\"feather\",\"icon\":\"icon-send\",\"color\":\"success\"}}),_c('vs-button',{attrs:{\"type\":\"border\",\"size\":\"small\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash\",\"color\":\"danger\"}})],1)]),_c('vs-list',[_c('vs-list-item',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-mail\",\"title\":tr.email}}),_c('vs-list-item',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-globe\",\"title\":tr.website}})],1)],1)])],2)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"Email\")]),_c('vs-th',[_vm._v(\"Name\")]),_c('vs-th',[_vm._v(\"Website\")]),_c('vs-th',[_vm._v(\"Nro\")])],1)],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n <vs-table :data=\\\"users\\\">\\n\\n <template slot=\\\"thead\\\">\\n <vs-th>Email</vs-th>\\n <vs-th>Name</vs-th>\\n <vs-th>Website</vs-th>\\n <vs-th>Nro</vs-th>\\n </template>\\n\\n <template slot-scope=\\\"{data}\\\">\\n <vs-tr :data=\\\"tr\\\" :key=\\\"indextr\\\" v-for=\\\"(tr, indextr) in data\\\">\\n <vs-td :data=\\\"tr.email\\\">\\n \"+_vm._s(\"\\{\\{ tr.email \\}\\}\")+\"\\n </vs-td>\\n <vs-td :data=\\\"tr.username\\\">\\n \"+_vm._s(\"\\{\\{ tr.name \\}\\}\")+\"\\n </vs-td>\\n <vs-td :data=\\\"tr.website\\\">\\n \"+_vm._s(\"\\{\\{ tr.website \\}\\}\")+\"\\n </vs-td>\\n <vs-td :data=\\\"tr.id\\\">\\n \"+_vm._s(\"\\{\\{ tr.id \\}\\}\")+\"\\n </vs-td>\\n\\n <template class=\\\"expand-user\\\" slot=\\\"expand\\\">\\n <div class=\\\"con-expand-users w-full\\\">\\n <div class=\\\"con-btns-user flex items-center justify-between\\\">\\n <div class=\\\"con-userx flex items-center justify-start\\\">\\n <vs-avatar :badge=\\\"tr.id\\\" size=\\\"45px\\\" :src=\\\"`https://randomuser.me/api/portraits/women/${indextr}.jpg`\\\" />\\n <span>\"+_vm._s(\"\\{\\{ tr.name \\}\\}\")+\"</span>\\n </div>\\n <div class=\\\"flex\\\">\\n <vs-button type=\\\"border\\\" size=\\\"small\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-phone\\\" class=\\\"mr-2\\\"></vs-button>\\n <vs-button type=\\\"border\\\" size=\\\"small\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-send\\\" color=\\\"success\\\" class=\\\"mr-2\\\"></vs-button>\\n <vs-button type=\\\"border\\\" size=\\\"small\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-trash\\\" color=\\\"danger\\\"></vs-button>\\n </div>\\n </div>\\n <vs-list>\\n <vs-list-item icon-pack=\\\"feather\\\" icon=\\\"icon-mail\\\" :title=\\\"tr.email\\\"></vs-list-item>\\n <vs-list-item icon-pack=\\\"feather\\\" icon=\\\"icon-globe\\\" :title=\\\"tr.website\\\"></vs-list-item>\\n </vs-list>\\n </div>\\n </template>\\n </vs-tr>\\n </template>\\n </vs-table>\\n</template>\\n\\n<script>\\nexport default {\\n data() {\\n return {\\n users: [.....]\\n }\\n },\\n}\\n</script>\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: TableExpandableData.vue\r\n Description: Create expandable rows which have custom data\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <vx-card title=\"ExpandableData\" code-toggler>\r\n\r\n <p>You can add the functionality of expanding a <strong>tr</strong> to visualize more data to make a structure of data or more complex functionalities</p><br>\r\n\r\n <vs-table :data=\"users\">\r\n\r\n <template slot=\"thead\">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope=\"{data}\">\r\n <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n <vs-td :data=\"tr.email\">\r\n {{tr.email}}\r\n </vs-td>\r\n <vs-td :data=\"tr.username\">\r\n {{tr.name}}\r\n </vs-td>\r\n <vs-td :data=\"tr.website\">\r\n {{tr.website}}\r\n </vs-td>\r\n <vs-td :data=\"tr.id\">\r\n {{tr.id}}\r\n </vs-td>\r\n\r\n <template class=\"expand-user\" slot=\"expand\">\r\n <div class=\"con-expand-users w-full\">\r\n <div class=\"con-btns-user flex items-center justify-between\">\r\n <div class=\"con-userx flex items-center justify-start\">\r\n <vs-avatar :badge=\"tr.id\" size=\"45px\" :src=\"`https://randomuser.me/api/portraits/women/${tr.id}.jpg`\" />\r\n <span>{{ tr.name }}</span>\r\n </div>\r\n <div class=\"flex\">\r\n <vs-button type=\"border\" size=\"small\" icon-pack=\"feather\" icon=\"icon-phone\" class=\"mr-2\"></vs-button>\r\n <vs-button type=\"border\" size=\"small\" icon-pack=\"feather\" icon=\"icon-send\" color=\"success\" class=\"mr-2\"></vs-button>\r\n <vs-button type=\"border\" size=\"small\" icon-pack=\"feather\" icon=\"icon-trash\" color=\"danger\"></vs-button>\r\n </div>\r\n </div>\r\n <vs-list>\r\n <vs-list-item icon-pack=\"feather\" icon=\"icon-mail\" :title=\"tr.email\"></vs-list-item>\r\n <vs-list-item icon-pack=\"feather\" icon=\"icon-globe\" :title=\"tr.website\"></vs-list-item>\r\n </vs-list>\r\n </div>\r\n </template>\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <template slot=\"codeContainer\">\r\n<template>\r\n <vs-table :data="users">\r\n\r\n <template slot="thead">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Website</vs-th>\r\n <vs-th>Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope="{data}">\r\n <vs-tr :data="tr" :key="indextr" v-for="(tr, indextr) in data">\r\n <vs-td :data="tr.email">\r\n {{ "\\{\\{ tr.email \\}\\}" }}\r\n </vs-td>\r\n <vs-td :data="tr.username">\r\n {{ "\\{\\{ tr.name \\}\\}" }}\r\n </vs-td>\r\n <vs-td :data="tr.website">\r\n {{ "\\{\\{ tr.website \\}\\}" }}\r\n </vs-td>\r\n <vs-td :data="tr.id">\r\n {{ "\\{\\{ tr.id \\}\\}" }}\r\n </vs-td>\r\n\r\n <template class="expand-user" slot="expand">\r\n <div class="con-expand-users w-full">\r\n <div class="con-btns-user flex items-center justify-between">\r\n <div class="con-userx flex items-center justify-start">\r\n <vs-avatar :badge="tr.id" size="45px" :src="`https://randomuser.me/api/portraits/women/${indextr}.jpg`" />\r\n <span>{{ \"\\{\\{ tr.name \\}\\}\" }}</span>\r\n </div>\r\n <div class="flex">\r\n <vs-button type="border" size="small" icon-pack="feather" icon="icon-phone" class="mr-2"></vs-button>\r\n <vs-button type="border" size="small" icon-pack="feather" icon="icon-send" color="success" class="mr-2"></vs-button>\r\n <vs-button type="border" size="small" icon-pack="feather" icon="icon-trash" color="danger"></vs-button>\r\n </div>\r\n </div>\r\n <vs-list>\r\n <vs-list-item icon-pack="feather" icon="icon-mail" :title="tr.email"></vs-list-item>\r\n <vs-list-item icon-pack="feather" icon="icon-globe" :title="tr.website"></vs-list-item>\r\n </vs-list>\r\n </div>\r\n </template>\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n users: [.....]\r\n }\r\n },\r\n}\r\n</script>\r\n </template>\r\n\r\n </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data () {\r\n return {\r\n users: [\r\n {\r\n 'id': 1,\r\n 'name': 'Leanne Graham',\r\n 'username': 'Bret',\r\n 'email': 'Sincere@april.biz',\r\n 'website': 'hildegard.org'\r\n },\r\n {\r\n 'id': 2,\r\n 'name': 'Ervin Howell',\r\n 'username': 'Antonette',\r\n 'email': 'Shanna@melissa.tv',\r\n 'website': 'anastasia.net'\r\n },\r\n {\r\n 'id': 3,\r\n 'name': 'Clementine Bauch',\r\n 'username': 'Samantha',\r\n 'email': 'Nathan@yesenia.net',\r\n 'website': 'ramiro.info'\r\n },\r\n {\r\n 'id': 4,\r\n 'name': 'Patricia Lebsack',\r\n 'username': 'Karianne',\r\n 'email': 'Julianne.OConner@kory.org',\r\n 'website': 'kale.biz'\r\n },\r\n {\r\n 'id': 5,\r\n 'name': 'Chelsey Dietrich',\r\n 'username': 'Kamren',\r\n 'email': 'Lucio_Hettinger@annie.ca',\r\n 'website': 'demarco.info'\r\n },\r\n {\r\n 'id': 6,\r\n 'name': 'Mrs. Dennis Schulist',\r\n 'username': 'Leopoldo_Corkery',\r\n 'email': 'Karley_Dach@jasper.info',\r\n 'website': 'ola.org'\r\n },\r\n {\r\n 'id': 7,\r\n 'name': 'Kurtis Weissnat',\r\n 'username': 'Elwyn.Skiles',\r\n 'email': 'Telly.Hoeger@billy.biz',\r\n 'website': 'elvis.io'\r\n },\r\n {\r\n 'id': 8,\r\n 'name': 'Nicholas Runolfsdottir V',\r\n 'username': 'Maxime_Nienow',\r\n 'email': 'Sherwood@rosamond.me',\r\n 'website': 'jacynthe.com'\r\n },\r\n {\r\n 'id': 9,\r\n 'name': 'Glenna Reichert',\r\n 'username': 'Delphine',\r\n 'email': 'Chaim_McDermott@dana.io',\r\n 'website': 'conrad.com'\r\n },\r\n {\r\n 'id': 10,\r\n 'name': 'Clementina DuBuque',\r\n 'username': 'Moriah.Stanton',\r\n 'email': 'Rey.Padberg@karina.biz',\r\n 'website': 'ambrose.net'\r\n }\r\n ]\r\n }\r\n }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableExpandableData.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableExpandableData.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TableExpandableData.vue?vue&type=template&id=e0733f6e&\"\nimport script from \"./TableExpandableData.vue?vue&type=script&lang=js&\"\nexport * from \"./TableExpandableData.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Edit Data Table\",\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-4\"},[_vm._v(\"You can edit the data with \"),_c('strong',[_vm._v(\"slot\")]),_c('code',[_vm._v(\"edit\")]),_vm._v(\", so you have better flexibility and mastery of what you need\")]),_c('vs-table',{attrs:{\"data\":_vm.users},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr},[_c('vs-td',{attrs:{\"data\":tr.email}},[_vm._v(\"\\n \"+_vm._s(tr.email)+\"\\n \"),_c('template',{slot:\"edit\"},[_c('vs-input',{staticClass:\"inputx\",attrs:{\"placeholder\":\"Email\"},model:{value:(tr.email),callback:function ($$v) {_vm.$set(tr, \"email\", $$v)},expression:\"tr.email\"}})],1)],2),_c('vs-td',{attrs:{\"data\":tr.username}},[_vm._v(\"\\n \"+_vm._s(tr.username)+\"\\n \"),_c('template',{slot:\"edit\"},[_c('vs-select',{attrs:{\"label\":\"Users\"},model:{value:(tr.username),callback:function ($$v) {_vm.$set(tr, \"username\", $$v)},expression:\"tr.username\"}},_vm._l((_vm.users),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.name,\"text\":item.name}})}),1)],1)],2),_c('vs-td',{attrs:{\"data\":tr.id}},[_vm._v(\"\\n \"+_vm._s(tr.id)+\"\\n \"),_c('template',{slot:\"edit\"},[_c('vs-input-number',{model:{value:(tr.id),callback:function ($$v) {_vm.$set(tr, \"id\", $$v)},expression:\"tr.id\"}})],1)],2),_c('vs-td',{attrs:{\"data\":tr.id}},[_vm._v(\"\\n \"+_vm._s(tr.id)+\"\\n \"),_c('template',{slot:\"edit\"},[_c('vs-slider',{attrs:{\"max\":20},model:{value:(tr.id),callback:function ($$v) {_vm.$set(tr, \"id\", $$v)},expression:\"tr.id\"}})],1)],2)],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"Email\")]),_c('vs-th',[_vm._v(\"Name\")]),_c('vs-th',[_vm._v(\"Nro1\")]),_c('vs-th',[_vm._v(\"Nro2\")])],1)],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n <vs-table :data=\\\"users\\\">\\n\\n <template slot=\\\"thead\\\">\\n <vs-th>Email</vs-th>\\n <vs-th>Name</vs-th>\\n <vs-th>Nro1</vs-th>\\n <vs-th>Nro2</vs-th>\\n </template>\\n\\n <template slot-scope=\\\"{data}\\\">\\n <vs-tr :key=\\\"indextr\\\" v-for=\\\"(tr, indextr) in data\\\">\\n\\n <vs-td :data=\\\"tr.email\\\">\\n \"+_vm._s(\"\\{\\{ tr.email \\}\\}\")+\"\\n <template slot=\\\"edit\\\">\\n <vs-input v-model=\\\"tr.email\\\" class=\\\"inputx\\\" placeholder=\\\"Email\\\" />\\n </template>\\n </vs-td>\\n\\n <vs-td :data=\\\"tr.username\\\">\\n \"+_vm._s(\"\\{\\{ tr.username \\}\\}\")+\"\\n <template slot=\\\"edit\\\">\\n <vs-select label=\\\"Users\\\" v-model=\\\"tr.username\\\">\\n <vs-select-item :key=\\\"index\\\" :value=\\\"item.name\\\" :text=\\\"item.name\\\" v-for=\\\"(item,index) in users\\\" />\\n </vs-select>\\n </template>\\n </vs-td>\\n\\n <vs-td :data=\\\"tr.id\\\">\\n \"+_vm._s(\"\\{\\{ tr.id \\}\\}\")+\"\\n <template slot=\\\"edit\\\">\\n <vs-input-number v-model=\\\"tr.id\\\" />\\n </template>\\n </vs-td>\\n\\n <vs-td :data=\\\"tr.id\\\">\\n \"+_vm._s(\"\\{\\{ tr.id \\}\\}\")+\"\\n <template slot=\\\"edit\\\">\\n <vs-slider :max=\\\"20\\\" v-model=\\\"tr.id\\\" />\\n </template>\\n </vs-td>\\n\\n </vs-tr>\\n </template>\\n </vs-table>\\n</template>\\n\\n<script>\\nexport default {\\n data() {\\n return {\\n users: [......]\\n }\\n },\\n}\\n</script>\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: TableEditDataTable.vue\r\n Description: You can also edit data with edit slot\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <vx-card title=\"Edit Data Table\" code-toggler>\r\n\r\n <p class=\"mb-4\">You can edit the data with <strong>slot</strong> <code>edit</code>, so you have better flexibility and mastery of what you need</p>\r\n\r\n <vs-table :data=\"users\">\r\n\r\n <template slot=\"thead\">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Nro1</vs-th>\r\n <vs-th>Nro2</vs-th>\r\n </template>\r\n\r\n <template slot-scope=\"{data}\">\r\n <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n\r\n <vs-td :data=\"tr.email\">\r\n {{tr.email}}\r\n <template slot=\"edit\">\r\n <vs-input v-model=\"tr.email\" class=\"inputx\" placeholder=\"Email\" />\r\n </template>\r\n </vs-td>\r\n\r\n <vs-td :data=\"tr.username\">\r\n {{tr.username}}\r\n <template slot=\"edit\">\r\n <vs-select label=\"Users\" v-model=\"tr.username\">\r\n <vs-select-item :key=\"index\" :value=\"item.name\" :text=\"item.name\" v-for=\"(item,index) in users\" />\r\n </vs-select>\r\n </template>\r\n </vs-td>\r\n\r\n <vs-td :data=\"tr.id\">\r\n {{tr.id}}\r\n <template slot=\"edit\">\r\n <vs-input-number v-model=\"tr.id\" />\r\n </template>\r\n </vs-td>\r\n\r\n <vs-td :data=\"tr.id\">\r\n {{tr.id}}\r\n <template slot=\"edit\">\r\n <vs-slider :max=\"20\" v-model=\"tr.id\" />\r\n </template>\r\n </vs-td>\r\n\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <template slot=\"codeContainer\">\r\n<template>\r\n <vs-table :data="users">\r\n\r\n <template slot="thead">\r\n <vs-th>Email</vs-th>\r\n <vs-th>Name</vs-th>\r\n <vs-th>Nro1</vs-th>\r\n <vs-th>Nro2</vs-th>\r\n </template>\r\n\r\n <template slot-scope="{data}">\r\n <vs-tr :key="indextr" v-for="(tr, indextr) in data">\r\n\r\n <vs-td :data="tr.email">\r\n {{ \"\\{\\{ tr.email \\}\\}\" }}\r\n <template slot="edit">\r\n <vs-input v-model="tr.email" class="inputx" placeholder="Email" />\r\n </template>\r\n </vs-td>\r\n\r\n <vs-td :data="tr.username">\r\n {{ \"\\{\\{ tr.username \\}\\}\" }}\r\n <template slot="edit">\r\n <vs-select label="Users" v-model="tr.username">\r\n <vs-select-item :key="index" :value="item.name" :text="item.name" v-for="(item,index) in users" />\r\n </vs-select>\r\n </template>\r\n </vs-td>\r\n\r\n <vs-td :data="tr.id">\r\n {{ \"\\{\\{ tr.id \\}\\}\" }}\r\n <template slot="edit">\r\n <vs-input-number v-model="tr.id" />\r\n </template>\r\n </vs-td>\r\n\r\n <vs-td :data="tr.id">\r\n {{ \"\\{\\{ tr.id \\}\\}\" }}\r\n <template slot="edit">\r\n <vs-slider :max="20" v-model="tr.id" />\r\n </template>\r\n </vs-td>\r\n\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n users: [......]\r\n }\r\n },\r\n}\r\n</script>\r\n </template>\r\n\r\n </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data () {\r\n return {\r\n users: [\r\n {\r\n 'id': 1,\r\n 'name': 'Leanne Graham',\r\n 'username': 'Bret',\r\n 'email': 'Sincere@april.biz',\r\n 'website': 'hildegard.org'\r\n },\r\n {\r\n 'id': 2,\r\n 'name': 'Ervin Howell',\r\n 'username': 'Antonette',\r\n 'email': 'Shanna@melissa.tv',\r\n 'website': 'anastasia.net'\r\n },\r\n {\r\n 'id': 3,\r\n 'name': 'Clementine Bauch',\r\n 'username': 'Samantha',\r\n 'email': 'Nathan@yesenia.net',\r\n 'website': 'ramiro.info'\r\n },\r\n {\r\n 'id': 4,\r\n 'name': 'Patricia Lebsack',\r\n 'username': 'Karianne',\r\n 'email': 'Julianne.OConner@kory.org',\r\n 'website': 'kale.biz'\r\n },\r\n {\r\n 'id': 5,\r\n 'name': 'Chelsey Dietrich',\r\n 'username': 'Kamren',\r\n 'email': 'Lucio_Hettinger@annie.ca',\r\n 'website': 'demarco.info'\r\n },\r\n {\r\n 'id': 6,\r\n 'name': 'Mrs. Dennis Schulist',\r\n 'username': 'Leopoldo_Corkery',\r\n 'email': 'Karley_Dach@jasper.info',\r\n 'website': 'ola.org'\r\n },\r\n {\r\n 'id': 7,\r\n 'name': 'Kurtis Weissnat',\r\n 'username': 'Elwyn.Skiles',\r\n 'email': 'Telly.Hoeger@billy.biz',\r\n 'website': 'elvis.io'\r\n },\r\n {\r\n 'id': 8,\r\n 'name': 'Nicholas Runolfsdottir V',\r\n 'username': 'Maxime_Nienow',\r\n 'email': 'Sherwood@rosamond.me',\r\n 'website': 'jacynthe.com'\r\n },\r\n {\r\n 'id': 9,\r\n 'name': 'Glenna Reichert',\r\n 'username': 'Delphine',\r\n 'email': 'Chaim_McDermott@dana.io',\r\n 'website': 'conrad.com'\r\n },\r\n {\r\n 'id': 10,\r\n 'name': 'Clementina DuBuque',\r\n 'username': 'Moriah.Stanton',\r\n 'email': 'Rey.Padberg@karina.biz',\r\n 'website': 'ambrose.net'\r\n }\r\n ]\r\n }\r\n }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableEditDataTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableEditDataTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TableEditDataTable.vue?vue&type=template&id=880af35e&\"\nimport script from \"./TableEditDataTable.vue?vue&type=script&lang=js&\"\nexport * from \"./TableEditDataTable.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Filter and Sorter\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add the Filter functionality by adding the \"),_c('code',[_vm._v(\"search\")]),_vm._v(\" property.\")]),_c('p',[_vm._v(\"if you need a property to be sorted you just have to add the \"),_c('code',[_vm._v(\"sort-key\")]),_vm._v(\" property and the value you need to be sorted.\")]),_c('vs-table',{attrs:{\"search\":\"\",\"data\":_vm.users},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr},[_c('vs-td',{attrs:{\"data\":data[indextr].email}},[_vm._v(\"\\n \"+_vm._s(data[indextr].email)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].username}},[_vm._v(\"\\n \"+_vm._s(data[indextr].username)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].id)+\"\\n \")])],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"email\"}},[_vm._v(\"Email\")]),_c('vs-th',{attrs:{\"sort-key\":\"username\"}},[_vm._v(\"Name\")]),_c('vs-th',{attrs:{\"sort-key\":\"id\"}},[_vm._v(\"Nro\")])],1)],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-table search :data=\\\"users\\\">\\n\\n <template slot=\\\"thead\\\">\\n <vs-th sort-key=\\\"email\\\">Email</vs-th>\\n <vs-th sort-key=\\\"username\\\">Name</vs-th>\\n <vs-th sort-key=\\\"id\\\">Nro</vs-th>\\n </template>\\n\\n <template slot-scope=\\\"{data}\\\">\\n <vs-tr :key=\\\"indextr\\\" v-for=\\\"(tr, indextr) in data\\\">\\n\\n <vs-td :data=\\\"data[indextr].email\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].email \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].username\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].username \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].id \\}\\}\")+\"\\n </vs-td>\\n </vs-tr>\\n </template>\\n</vs-table>\\n\\n<script>\\nexport default {\\n data() {\\n return {\\n users: [......]\\n }\\n },\\n}\\n</script>\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: tableFilterSorter.vue\r\n Description: Add filter and sorting functionality to table\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <vx-card title=\"Filter and Sorter\" code-toggler>\r\n\r\n <p>You can add the Filter functionality by adding the <code>search</code> property.</p>\r\n\r\n <p>if you need a property to be sorted you just have to add the <code>sort-key</code> property and the value you need to be sorted.</p>\r\n\r\n <vs-table search :data=\"users\">\r\n\r\n <template slot=\"thead\">\r\n <vs-th sort-key=\"email\">Email</vs-th>\r\n <vs-th sort-key=\"username\">Name</vs-th>\r\n <vs-th sort-key=\"id\">Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope=\"{data}\">\r\n <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n\r\n <vs-td :data=\"data[indextr].email\">\r\n {{data[indextr].email}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].username\">\r\n {{data[indextr].username}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].id}}\r\n </vs-td>\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <template slot=\"codeContainer\">\r\n<vs-table search :data="users">\r\n\r\n <template slot="thead">\r\n <vs-th sort-key="email">Email</vs-th>\r\n <vs-th sort-key="username">Name</vs-th>\r\n <vs-th sort-key="id">Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope="{data}">\r\n <vs-tr :key="indextr" v-for="(tr, indextr) in data">\r\n\r\n <vs-td :data="data[indextr].email">\r\n {{ \"\\{\\{ data[indextr].email \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].username">\r\n {{ \"\\{\\{ data[indextr].username \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].id \\}\\}\" }}\r\n </vs-td>\r\n </vs-tr>\r\n </template>\r\n</vs-table>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n users: [......]\r\n }\r\n },\r\n}\r\n</script>\r\n </template>\r\n\r\n </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data () {\r\n return {\r\n users: [\r\n {\r\n 'id': 1,\r\n 'name': 'Leanne Graham',\r\n 'username': 'Bret',\r\n 'email': 'Sincere@april.biz',\r\n 'website': 'hildegard.org'\r\n },\r\n {\r\n 'id': 2,\r\n 'name': 'Ervin Howell',\r\n 'username': 'Antonette',\r\n 'email': 'Shanna@melissa.tv',\r\n 'website': 'anastasia.net'\r\n },\r\n {\r\n 'id': 3,\r\n 'name': 'Clementine Bauch',\r\n 'username': 'Samantha',\r\n 'email': 'Nathan@yesenia.net',\r\n 'website': 'ramiro.info'\r\n },\r\n {\r\n 'id': 4,\r\n 'name': 'Patricia Lebsack',\r\n 'username': 'Karianne',\r\n 'email': 'Julianne.OConner@kory.org',\r\n 'website': 'kale.biz'\r\n },\r\n {\r\n 'id': 5,\r\n 'name': 'Chelsey Dietrich',\r\n 'username': 'Kamren',\r\n 'email': 'Lucio_Hettinger@annie.ca',\r\n 'website': 'demarco.info'\r\n },\r\n {\r\n 'id': 6,\r\n 'name': 'Mrs. Dennis Schulist',\r\n 'username': 'Leopoldo_Corkery',\r\n 'email': 'Karley_Dach@jasper.info',\r\n 'website': 'ola.org'\r\n },\r\n {\r\n 'id': 7,\r\n 'name': 'Kurtis Weissnat',\r\n 'username': 'Elwyn.Skiles',\r\n 'email': 'Telly.Hoeger@billy.biz',\r\n 'website': 'elvis.io'\r\n },\r\n {\r\n 'id': 8,\r\n 'name': 'Nicholas Runolfsdottir V',\r\n 'username': 'Maxime_Nienow',\r\n 'email': 'Sherwood@rosamond.me',\r\n 'website': 'jacynthe.com'\r\n },\r\n {\r\n 'id': 9,\r\n 'name': 'Glenna Reichert',\r\n 'username': 'Delphine',\r\n 'email': 'Chaim_McDermott@dana.io',\r\n 'website': 'conrad.com'\r\n },\r\n {\r\n 'id': 10,\r\n 'name': 'Clementina DuBuque',\r\n 'username': 'Moriah.Stanton',\r\n 'email': 'Rey.Padberg@karina.biz',\r\n 'website': 'ambrose.net'\r\n }\r\n ]\r\n }\r\n }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableFilterSorter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableFilterSorter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TableFilterSorter.vue?vue&type=template&id=76fc8a95&\"\nimport script from \"./TableFilterSorter.vue?vue&type=script&lang=js&\"\nexport * from \"./TableFilterSorter.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Miscellaneous\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add a \"),_c('strong',[_vm._v(\"filtered, sorted, paginated and multi selected\")]),_vm._v(\" table with combination of the \"),_c('code',[_vm._v(\"search\")]),_vm._v(\", \"),_c('code',[_vm._v(\"multiple\")]),_vm._v(\" and \"),_c('code',[_vm._v(\"pagination\")]),_vm._v(\" properties for example\")]),_c('br'),_c('vs-table',{attrs:{\"multiple\":\"\",\"pagination\":\"\",\"max-items\":\"3\",\"search\":\"\",\"data\":_vm.users},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":data[indextr].email}},[_vm._v(\"\\n \"+_vm._s(data[indextr].email)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].username}},[_vm._v(\"\\n \"+_vm._s(data[indextr].username)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].website)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].id)+\"\\n \")])],1)})}}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"email\"}},[_vm._v(\"Email\")]),_c('vs-th',{attrs:{\"sort-key\":\"username\"}},[_vm._v(\"Name\")]),_c('vs-th',{attrs:{\"sort-key\":\"website\"}},[_vm._v(\"Website\")]),_c('vs-th',{attrs:{\"sort-key\":\"id\"}},[_vm._v(\"Nro\")])],1)],2),_c('prism',{staticClass:\"rounded-lg\",attrs:{\"language\":\"js\"}},[_vm._v(\"\\n\"+_vm._s(_vm.selected)+\"\\n \")]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n <vs-table multiple v-model=\\\"selected\\\" pagination max-items=\\\"3\\\" search :data=\\\"users\\\">\\n\\n <template slot=\\\"thead\\\">\\n <vs-th sort-key=\\\"email\\\">Email</vs-th>\\n <vs-th sort-key=\\\"username\\\">Name</vs-th>\\n <vs-th sort-key=\\\"website\\\">Website</vs-th>\\n <vs-th sort-key=\\\"id\\\">Nro</vs-th>\\n </template>\\n\\n <template slot-scope=\\\"{data}\\\">\\n <vs-tr :data=\\\"tr\\\" :key=\\\"indextr\\\" v-for=\\\"(tr, indextr) in data\\\">\\n\\n <vs-td :data=\\\"data[indextr].email\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].email \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].username\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].username \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].website \\}\\}\")+\"\\n </vs-td>\\n\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].id \\}\\}\")+\"\\n </vs-td>\\n\\n </vs-tr>\\n </template>\\n </vs-table>\\n\\n <pre> \"+_vm._s(\"\\{\\{ selected \\}\\}\")+\" </pre>\\n</template>\\n\\n<script>\\nexport default {\\n data() {\\n return {\\n selected: [],\\n 'tableList': [\\n 'vs-th: Component',\\n 'vs-tr: Component',\\n 'vs-td: Component',\\n 'thread: Slot',\\n 'tbody: Slot',\\n 'header: Slot'\\n ],\\n users: [\\n {\\n \\\"id\\\": 1,\\n \\\"name\\\": \\\"Leanne Graham\\\",\\n \\\"username\\\": \\\"Bret\\\",\\n \\\"email\\\": \\\"Sincere@april.biz\\\",\\n \\\"website\\\": \\\"hildegard.org\\\",\\n },\\n {\\n \\\"id\\\": 2,\\n \\\"name\\\": \\\"Ervin Howell\\\",\\n \\\"username\\\": \\\"Antonette\\\",\\n \\\"email\\\": \\\"Shanna@melissa.tv\\\",\\n \\\"website\\\": \\\"anastasia.net\\\",\\n },\\n {\\n \\\"id\\\": 3,\\n \\\"name\\\": \\\"Clementine Bauch\\\",\\n \\\"username\\\": \\\"Samantha\\\",\\n \\\"email\\\": \\\"Nathan@yesenia.net\\\",\\n \\\"website\\\": \\\"ramiro.info\\\",\\n },\\n {\\n \\\"id\\\": 4,\\n \\\"name\\\": \\\"Patricia Lebsack\\\",\\n \\\"username\\\": \\\"Karianne\\\",\\n \\\"email\\\": \\\"Julianne.OConner@kory.org\\\",\\n \\\"website\\\": \\\"kale.biz\\\",\\n },\\n {\\n \\\"id\\\": 5,\\n \\\"name\\\": \\\"Chelsey Dietrich\\\",\\n \\\"username\\\": \\\"Kamren\\\",\\n \\\"email\\\": \\\"Lucio_Hettinger@annie.ca\\\",\\n \\\"website\\\": \\\"demarco.info\\\",\\n },\\n {\\n \\\"id\\\": 6,\\n \\\"name\\\": \\\"Mrs. Dennis Schulist\\\",\\n \\\"username\\\": \\\"Leopoldo_Corkery\\\",\\n \\\"email\\\": \\\"Karley_Dach@jasper.info\\\",\\n \\\"website\\\": \\\"ola.org\\\",\\n },\\n {\\n \\\"id\\\": 7,\\n \\\"name\\\": \\\"Kurtis Weissnat\\\",\\n \\\"username\\\": \\\"Elwyn.Skiles\\\",\\n \\\"email\\\": \\\"Telly.Hoeger@billy.biz\\\",\\n \\\"website\\\": \\\"elvis.io\\\",\\n },\\n {\\n \\\"id\\\": 8,\\n \\\"name\\\": \\\"Nicholas Runolfsdottir V\\\",\\n \\\"username\\\": \\\"Maxime_Nienow\\\",\\n \\\"email\\\": \\\"Sherwood@rosamond.me\\\",\\n \\\"website\\\": \\\"jacynthe.com\\\",\\n },\\n {\\n \\\"id\\\": 9,\\n \\\"name\\\": \\\"Glenna Reichert\\\",\\n \\\"username\\\": \\\"Delphine\\\",\\n \\\"email\\\": \\\"Chaim_McDermott@dana.io\\\",\\n \\\"website\\\": \\\"conrad.com\\\",\\n },\\n {\\n \\\"id\\\": 10,\\n \\\"name\\\": \\\"Clementina DuBuque\\\",\\n \\\"username\\\": \\\"Moriah.Stanton\\\",\\n \\\"email\\\": \\\"Rey.Padberg@karina.biz\\\",\\n \\\"website\\\": \\\"ambrose.net\\\",\\n },\\n ]\\n }\\n },\\n}\\n</script>\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: TableMiscellaneous.vue\r\n Description: Combine filter,sorter, pagination etc.\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <vx-card title=\"Miscellaneous\" code-toggler>\r\n\r\n <p>You can add a <strong>filtered, sorted, paginated and multi selected</strong> table with combination of the <code>search</code>, <code>multiple</code> and <code>pagination</code> properties for example</p><br>\r\n\r\n <vs-table multiple v-model=\"selected\" pagination max-items=\"3\" search :data=\"users\">\r\n\r\n <template slot=\"thead\">\r\n <vs-th sort-key=\"email\">Email</vs-th>\r\n <vs-th sort-key=\"username\">Name</vs-th>\r\n <vs-th sort-key=\"website\">Website</vs-th>\r\n <vs-th sort-key=\"id\">Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope=\"{data}\">\r\n <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n\r\n <vs-td :data=\"data[indextr].email\">\r\n {{data[indextr].email}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].username\">\r\n {{data[indextr].username}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].website}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].id}}\r\n </vs-td>\r\n\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <prism language=\"js\" class=\"rounded-lg\">\r\n{{ selected }}\r\n </prism>\r\n\r\n <template slot=\"codeContainer\">\r\n<template>\r\n <vs-table multiple v-model="selected" pagination max-items="3" search :data="users">\r\n\r\n <template slot="thead">\r\n <vs-th sort-key="email">Email</vs-th>\r\n <vs-th sort-key="username">Name</vs-th>\r\n <vs-th sort-key="website">Website</vs-th>\r\n <vs-th sort-key="id">Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope="{data}">\r\n <vs-tr :data="tr" :key="indextr" v-for="(tr, indextr) in data">\r\n\r\n <vs-td :data="data[indextr].email">\r\n {{ \"\\{\\{ data[indextr].email \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].username">\r\n {{ \"\\{\\{ data[indextr].username \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].website \\}\\}\" }}\r\n </vs-td>\r\n\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].id \\}\\}\" }}\r\n </vs-td>\r\n\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <pre> {{ \"\\{\\{ selected \\}\\}\" }} </pre>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n selected: [],\r\n 'tableList': [\r\n 'vs-th: Component',\r\n 'vs-tr: Component',\r\n 'vs-td: Component',\r\n 'thread: Slot',\r\n 'tbody: Slot',\r\n 'header: Slot'\r\n ],\r\n users: [\r\n {\r\n "id": 1,\r\n "name": "Leanne Graham",\r\n "username": "Bret",\r\n "email": "Sincere@april.biz",\r\n "website": "hildegard.org",\r\n },\r\n {\r\n "id": 2,\r\n "name": "Ervin Howell",\r\n "username": "Antonette",\r\n "email": "Shanna@melissa.tv",\r\n "website": "anastasia.net",\r\n },\r\n {\r\n "id": 3,\r\n "name": "Clementine Bauch",\r\n "username": "Samantha",\r\n "email": "Nathan@yesenia.net",\r\n "website": "ramiro.info",\r\n },\r\n {\r\n "id": 4,\r\n "name": "Patricia Lebsack",\r\n "username": "Karianne",\r\n "email": "Julianne.OConner@kory.org",\r\n "website": "kale.biz",\r\n },\r\n {\r\n "id": 5,\r\n "name": "Chelsey Dietrich",\r\n "username": "Kamren",\r\n "email": "Lucio_Hettinger@annie.ca",\r\n "website": "demarco.info",\r\n },\r\n {\r\n "id": 6,\r\n "name": "Mrs. Dennis Schulist",\r\n "username": "Leopoldo_Corkery",\r\n "email": "Karley_Dach@jasper.info",\r\n "website": "ola.org",\r\n },\r\n {\r\n "id": 7,\r\n "name": "Kurtis Weissnat",\r\n "username": "Elwyn.Skiles",\r\n "email": "Telly.Hoeger@billy.biz",\r\n "website": "elvis.io",\r\n },\r\n {\r\n "id": 8,\r\n "name": "Nicholas Runolfsdottir V",\r\n "username": "Maxime_Nienow",\r\n "email": "Sherwood@rosamond.me",\r\n "website": "jacynthe.com",\r\n },\r\n {\r\n "id": 9,\r\n "name": "Glenna Reichert",\r\n "username": "Delphine",\r\n "email": "Chaim_McDermott@dana.io",\r\n "website": "conrad.com",\r\n },\r\n {\r\n "id": 10,\r\n "name": "Clementina DuBuque",\r\n "username": "Moriah.Stanton",\r\n "email": "Rey.Padberg@karina.biz",\r\n "website": "ambrose.net",\r\n },\r\n ]\r\n }\r\n },\r\n}\r\n</script>\r\n </template>\r\n\r\n </vx-card>\r\n</template>\r\n\r\n<script>\r\nimport Prism from 'vue-prism-component'\r\n\r\nexport default {\r\n data () {\r\n return {\r\n 'selected': [],\r\n 'tableList': [\r\n 'vs-th: Component',\r\n 'vs-tr: Component',\r\n 'vs-td: Component',\r\n 'thread: Slot',\r\n 'tbody: Slot',\r\n 'header: Slot'\r\n ],\r\n 'users': [\r\n {\r\n 'id': 1,\r\n 'name': 'Leanne Graham',\r\n 'username': 'Bret',\r\n 'email': 'Sincere@april.biz',\r\n 'website': 'hildegard.org'\r\n },\r\n {\r\n 'id': 2,\r\n 'name': 'Ervin Howell',\r\n 'username': 'Antonette',\r\n 'email': 'Shanna@melissa.tv',\r\n 'website': 'anastasia.net'\r\n },\r\n {\r\n 'id': 3,\r\n 'name': 'Clementine Bauch',\r\n 'username': 'Samantha',\r\n 'email': 'Nathan@yesenia.net',\r\n 'website': 'ramiro.info'\r\n },\r\n {\r\n 'id': 4,\r\n 'name': 'Patricia Lebsack',\r\n 'username': 'Karianne',\r\n 'email': 'Julianne.OConner@kory.org',\r\n 'website': 'kale.biz'\r\n },\r\n {\r\n 'id': 5,\r\n 'name': 'Chelsey Dietrich',\r\n 'username': 'Kamren',\r\n 'email': 'Lucio_Hettinger@annie.ca',\r\n 'website': 'demarco.info'\r\n },\r\n {\r\n 'id': 6,\r\n 'name': 'Mrs. Dennis Schulist',\r\n 'username': 'Leopoldo_Corkery',\r\n 'email': 'Karley_Dach@jasper.info',\r\n 'website': 'ola.org'\r\n },\r\n {\r\n 'id': 7,\r\n 'name': 'Kurtis Weissnat',\r\n 'username': 'Elwyn.Skiles',\r\n 'email': 'Telly.Hoeger@billy.biz',\r\n 'website': 'elvis.io'\r\n },\r\n {\r\n 'id': 8,\r\n 'name': 'Nicholas Runolfsdottir V',\r\n 'username': 'Maxime_Nienow',\r\n 'email': 'Sherwood@rosamond.me',\r\n 'website': 'jacynthe.com'\r\n },\r\n {\r\n 'id': 9,\r\n 'name': 'Glenna Reichert',\r\n 'username': 'Delphine',\r\n 'email': 'Chaim_McDermott@dana.io',\r\n 'website': 'conrad.com'\r\n },\r\n {\r\n 'id': 10,\r\n 'name': 'Clementina DuBuque',\r\n 'username': 'Moriah.Stanton',\r\n 'email': 'Rey.Padberg@karina.biz',\r\n 'website': 'ambrose.net'\r\n }\r\n ]\r\n }\r\n },\r\n components: {\r\n Prism\r\n }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableMiscellaneous.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableMiscellaneous.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TableMiscellaneous.vue?vue&type=template&id=1d605238&\"\nimport script from \"./TableMiscellaneous.vue?vue&type=script&lang=js&\"\nexport * from \"./TableMiscellaneous.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"SSR\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To create table with SSR support just add \"),_c('code',[_vm._v(\"sst\")]),_vm._v(\" prop and then handle appropriate events like searching, sorting & pagination.\")]),_c('vs-table',{attrs:{\"sst\":true,\"pagination\":\"\",\"max-items\":\"3\",\"search\":\"\",\"data\":_vm.users},on:{\"search\":_vm.handleSearch,\"change-page\":_vm.handleChangePage,\"sort\":_vm.handleSort},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":data[indextr].email}},[_vm._v(\"\\n \"+_vm._s(data[indextr].email)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].username}},[_vm._v(\"\\n \"+_vm._s(data[indextr].username)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].website)+\"\\n \")]),_c('vs-td',{attrs:{\"data\":data[indextr].id}},[_vm._v(\"\\n \"+_vm._s(data[indextr].id)+\"\\n \")])],1)})}}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('template',{slot:\"header\"},[_c('h3',[_vm._v(\"Users\")])]),_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"email\"}},[_vm._v(\"Email\")]),_c('vs-th',{attrs:{\"sort-key\":\"username\"}},[_vm._v(\"Name\")]),_c('vs-th',{attrs:{\"sort-key\":\"website\"}},[_vm._v(\"Website\")]),_c('vs-th',{attrs:{\"sort-key\":\"id\"}},[_vm._v(\"Nro\")])],1)],2),_c('prism',{staticClass:\"rounded-lg\"},[_vm._v(\"\\n\"+_vm._s(_vm.log.join(\"\\n\"))+\"\\n \")]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n <vs-table\\n :sst=\\\"true\\\"\\n @search=\\\"handleSearch\\\"\\n @change-page=\\\"handleChangePage\\\"\\n @sort=\\\"handleSort\\\"\\n v-model=\\\"selected\\\"\\n pagination\\n max-items=\\\"3\\\"\\n search\\n :data=\\\"users\\\">\\n\\n <template slot=\\\"header\\\">\\n <h3>Users</h3>\\n </template>\\n\\n <template slot=\\\"thead\\\">\\n <vs-th sort-key=\\\"email\\\">Email</vs-th>\\n <vs-th sort-key=\\\"username\\\">Name</vs-th>\\n <vs-th sort-key=\\\"website\\\">Website</vs-th>\\n <vs-th sort-key=\\\"id\\\">Nro</vs-th>\\n </template>\\n\\n <template slot-scope=\\\"{data}\\\">\\n <vs-tr :data=\\\"tr\\\" :key=\\\"indextr\\\" v-for=\\\"(tr, indextr) in data\\\">\\n <vs-td :data=\\\"data[indextr].email\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].email \\}\\}\")+\"\\n </vs-td>\\n <vs-td :data=\\\"data[indextr].username\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].username \\}\\}\")+\"\\n </vs-td>\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].website \\}\\}\")+\"\\n </vs-td>\\n <vs-td :data=\\\"data[indextr].id\\\">\\n \"+_vm._s(\"\\{\\{ data[indextr].id \\}\\}\")+\"\\n </vs-td>\\n </vs-tr>\\n </template>\\n </vs-table>\\n</template>\\n\\n<script>\\nexport default {\\n data:()=>({\\n selected:[],\\n log: [],\\n users:[\\n {\\n \\\"id\\\": 1,\\n \\\"name\\\": \\\"Leanne Graham\\\",\\n \\\"username\\\": \\\"Bret\\\",\\n \\\"email\\\": \\\"Sincere@april.biz\\\",\\n \\\"website\\\": \\\"hildegard.org\\\",\\n },\\n {\\n \\\"id\\\": 2,\\n \\\"name\\\": \\\"Ervin Howell\\\",\\n \\\"username\\\": \\\"Antonette\\\",\\n \\\"email\\\": \\\"Shanna@melissa.tv\\\",\\n \\\"website\\\": \\\"anastasia.net\\\",\\n },\\n {\\n \\\"id\\\": 3,\\n \\\"name\\\": \\\"Clementine Bauch\\\",\\n \\\"username\\\": \\\"Samantha\\\",\\n \\\"email\\\": \\\"Nathan@yesenia.net\\\",\\n \\\"website\\\": \\\"ramiro.info\\\",\\n },\\n {\\n \\\"id\\\": 4,\\n \\\"name\\\": \\\"Patricia Lebsack\\\",\\n \\\"username\\\": \\\"Karianne\\\",\\n \\\"email\\\": \\\"Julianne.OConner@kory.org\\\",\\n \\\"website\\\": \\\"kale.biz\\\",\\n },\\n {\\n \\\"id\\\": 5,\\n \\\"name\\\": \\\"Chelsey Dietrich\\\",\\n \\\"username\\\": \\\"Kamren\\\",\\n \\\"email\\\": \\\"Lucio_Hettinger@annie.ca\\\",\\n \\\"website\\\": \\\"demarco.info\\\",\\n },\\n {\\n \\\"id\\\": 6,\\n \\\"name\\\": \\\"Mrs. Dennis Schulist\\\",\\n \\\"username\\\": \\\"Leopoldo_Corkery\\\",\\n \\\"email\\\": \\\"Karley_Dach@jasper.info\\\",\\n \\\"website\\\": \\\"ola.org\\\",\\n },\\n {\\n \\\"id\\\": 7,\\n \\\"name\\\": \\\"Kurtis Weissnat\\\",\\n \\\"username\\\": \\\"Elwyn.Skiles\\\",\\n \\\"email\\\": \\\"Telly.Hoeger@billy.biz\\\",\\n \\\"website\\\": \\\"elvis.io\\\",\\n },\\n {\\n \\\"id\\\": 8,\\n \\\"name\\\": \\\"Nicholas Runolfsdottir V\\\",\\n \\\"username\\\": \\\"Maxime_Nienow\\\",\\n \\\"email\\\": \\\"Sherwood@rosamond.me\\\",\\n \\\"website\\\": \\\"jacynthe.com\\\",\\n },\\n {\\n \\\"id\\\": 9,\\n \\\"name\\\": \\\"Glenna Reichert\\\",\\n \\\"username\\\": \\\"Delphine\\\",\\n \\\"email\\\": \\\"Chaim_McDermott@dana.io\\\",\\n \\\"website\\\": \\\"conrad.com\\\",\\n },\\n {\\n \\\"id\\\": 10,\\n \\\"name\\\": \\\"Clementina DuBuque\\\",\\n \\\"username\\\": \\\"Moriah.Stanton\\\",\\n \\\"email\\\": \\\"Rey.Padberg@karina.biz\\\",\\n \\\"website\\\": \\\"ambrose.net\\\",\\n }\\n ]\\n }),\\n methods:{\\n handleSearch(searching) {\\n console.log(`The user searched for: ${searching}`)\\n },\\n handleChangePage(page) {\\n console.log(`The user changed the page to: ${page}`)\\n },\\n handleSort(key, active) {\\n console.log(`the user ordered: ${key} ${active}`)\\n }\\n }\\n}\\n</script>\\n \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: TableDefault.vue\r\n Description: Rendering default table\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <vx-card title=\"SSR\" code-toggler>\r\n\r\n <p>To create table with SSR support just add <code>sst</code> prop and then handle appropriate events like searching, sorting & pagination.</p>\r\n\r\n <vs-table\r\n :sst=\"true\"\r\n @search=\"handleSearch\"\r\n @change-page=\"handleChangePage\"\r\n @sort=\"handleSort\"\r\n v-model=\"selected\"\r\n pagination\r\n max-items=\"3\"\r\n search\r\n :data=\"users\">\r\n\r\n <template slot=\"header\">\r\n <h3>Users</h3>\r\n </template>\r\n\r\n <template slot=\"thead\">\r\n <vs-th sort-key=\"email\">Email</vs-th>\r\n <vs-th sort-key=\"username\">Name</vs-th>\r\n <vs-th sort-key=\"website\">Website</vs-th>\r\n <vs-th sort-key=\"id\">Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope=\"{data}\">\r\n <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\" >\r\n <vs-td :data=\"data[indextr].email\">\r\n {{data[indextr].email}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].username\">\r\n {{data[indextr].username}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].website}}\r\n </vs-td>\r\n\r\n <vs-td :data=\"data[indextr].id\">\r\n {{data[indextr].id}}\r\n </vs-td>\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n\r\n <prism class=\"rounded-lg\">\r\n{{ log.join(\"\\n\") }}\r\n </prism>\r\n\r\n <template slot=\"codeContainer\">\r\n<template>\r\n <vs-table\r\n :sst="true"\r\n @search="handleSearch"\r\n @change-page="handleChangePage"\r\n @sort="handleSort"\r\n v-model="selected"\r\n pagination\r\n max-items="3"\r\n search\r\n :data="users">\r\n\r\n <template slot="header">\r\n <h3>Users</h3>\r\n </template>\r\n\r\n <template slot="thead">\r\n <vs-th sort-key="email">Email</vs-th>\r\n <vs-th sort-key="username">Name</vs-th>\r\n <vs-th sort-key="website">Website</vs-th>\r\n <vs-th sort-key="id">Nro</vs-th>\r\n </template>\r\n\r\n <template slot-scope="{data}">\r\n <vs-tr :data="tr" :key="indextr" v-for="(tr, indextr) in data">\r\n <vs-td :data="data[indextr].email">\r\n {{ \"\\{\\{ data[indextr].email \\}\\}\" }}\r\n </vs-td>\r\n <vs-td :data="data[indextr].username">\r\n {{ \"\\{\\{ data[indextr].username \\}\\}\" }}\r\n </vs-td>\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].website \\}\\}\" }}\r\n </vs-td>\r\n <vs-td :data="data[indextr].id">\r\n {{ \"\\{\\{ data[indextr].id \\}\\}\" }}\r\n </vs-td>\r\n </vs-tr>\r\n </template>\r\n </vs-table>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data:()=>({\r\n selected:[],\r\n log: [],\r\n users:[\r\n {\r\n "id": 1,\r\n "name": "Leanne Graham",\r\n "username": "Bret",\r\n "email": "Sincere@april.biz",\r\n "website": "hildegard.org",\r\n },\r\n {\r\n "id": 2,\r\n "name": "Ervin Howell",\r\n "username": "Antonette",\r\n "email": "Shanna@melissa.tv",\r\n "website": "anastasia.net",\r\n },\r\n {\r\n "id": 3,\r\n "name": "Clementine Bauch",\r\n "username": "Samantha",\r\n "email": "Nathan@yesenia.net",\r\n "website": "ramiro.info",\r\n },\r\n {\r\n "id": 4,\r\n "name": "Patricia Lebsack",\r\n "username": "Karianne",\r\n "email": "Julianne.OConner@kory.org",\r\n "website": "kale.biz",\r\n },\r\n {\r\n "id": 5,\r\n "name": "Chelsey Dietrich",\r\n "username": "Kamren",\r\n "email": "Lucio_Hettinger@annie.ca",\r\n "website": "demarco.info",\r\n },\r\n {\r\n "id": 6,\r\n "name": "Mrs. Dennis Schulist",\r\n "username": "Leopoldo_Corkery",\r\n "email": "Karley_Dach@jasper.info",\r\n "website": "ola.org",\r\n },\r\n {\r\n "id": 7,\r\n "name": "Kurtis Weissnat",\r\n "username": "Elwyn.Skiles",\r\n "email": "Telly.Hoeger@billy.biz",\r\n "website": "elvis.io",\r\n },\r\n {\r\n "id": 8,\r\n "name": "Nicholas Runolfsdottir V",\r\n "username": "Maxime_Nienow",\r\n "email": "Sherwood@rosamond.me",\r\n "website": "jacynthe.com",\r\n },\r\n {\r\n "id": 9,\r\n "name": "Glenna Reichert",\r\n "username": "Delphine",\r\n "email": "Chaim_McDermott@dana.io",\r\n "website": "conrad.com",\r\n },\r\n {\r\n "id": 10,\r\n "name": "Clementina DuBuque",\r\n "username": "Moriah.Stanton",\r\n "email": "Rey.Padberg@karina.biz",\r\n "website": "ambrose.net",\r\n }\r\n ]\r\n }),\r\n methods:{\r\n handleSearch(searching) {\r\n console.log(`The user searched for: ${searching}`)\r\n },\r\n handleChangePage(page) {\r\n console.log(`The user changed the page to: ${page}`)\r\n },\r\n handleSort(key, active) {\r\n console.log(`the user ordered: ${key} ${active}`)\r\n }\r\n }\r\n}\r\n</script>\r\n </template>\r\n\r\n </vx-card>\r\n</template>\r\n\r\n<script>\r\nimport Prism from 'vue-prism-component'\r\n\r\nexport default {\r\n components: {\r\n Prism\r\n },\r\n data:() => ({\r\n selected:[],\r\n log: [],\r\n users:[\r\n {\r\n 'id': 1,\r\n 'name': 'Leanne Graham',\r\n 'username': 'Bret',\r\n 'email': 'Sincere@april.biz',\r\n 'website': 'hildegard.org'\r\n },\r\n {\r\n 'id': 2,\r\n 'name': 'Ervin Howell',\r\n 'username': 'Antonette',\r\n 'email': 'Shanna@melissa.tv',\r\n 'website': 'anastasia.net'\r\n },\r\n {\r\n 'id': 3,\r\n 'name': 'Clementine Bauch',\r\n 'username': 'Samantha',\r\n 'email': 'Nathan@yesenia.net',\r\n 'website': 'ramiro.info'\r\n },\r\n {\r\n 'id': 4,\r\n 'name': 'Patricia Lebsack',\r\n 'username': 'Karianne',\r\n 'email': 'Julianne.OConner@kory.org',\r\n 'website': 'kale.biz'\r\n },\r\n {\r\n 'id': 5,\r\n 'name': 'Chelsey Dietrich',\r\n 'username': 'Kamren',\r\n 'email': 'Lucio_Hettinger@annie.ca',\r\n 'website': 'demarco.info'\r\n },\r\n {\r\n 'id': 6,\r\n 'name': 'Mrs. Dennis Schulist',\r\n 'username': 'Leopoldo_Corkery',\r\n 'email': 'Karley_Dach@jasper.info',\r\n 'website': 'ola.org'\r\n },\r\n {\r\n 'id': 7,\r\n 'name': 'Kurtis Weissnat',\r\n 'username': 'Elwyn.Skiles',\r\n 'email': 'Telly.Hoeger@billy.biz',\r\n 'website': 'elvis.io'\r\n },\r\n {\r\n 'id': 8,\r\n 'name': 'Nicholas Runolfsdottir V',\r\n 'username': 'Maxime_Nienow',\r\n 'email': 'Sherwood@rosamond.me',\r\n 'website': 'jacynthe.com'\r\n },\r\n {\r\n 'id': 9,\r\n 'name': 'Glenna Reichert',\r\n 'username': 'Delphine',\r\n 'email': 'Chaim_McDermott@dana.io',\r\n 'website': 'conrad.com'\r\n },\r\n {\r\n 'id': 10,\r\n 'name': 'Clementina DuBuque',\r\n 'username': 'Moriah.Stanton',\r\n 'email': 'Rey.Padberg@karina.biz',\r\n 'website': 'ambrose.net'\r\n }\r\n ]\r\n }),\r\n methods:{\r\n handleSearch (searching) {\r\n this.log.push(`The user searched for: ${searching}`)\r\n },\r\n handleChangePage (page) {\r\n this.log.push(`The user changed the page to: ${page}`)\r\n },\r\n handleSort (key, active) {\r\n this.log.push(`the user ordered: ${key} ${active}`)\r\n }\r\n }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableSSR.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableSSR.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TableSSR.vue?vue&type=template&id=388f14b4&\"\nimport script from \"./TableSSR.vue?vue&type=script&lang=js&\"\nexport * from \"./TableSSR.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","<!-- =========================================================================================\r\n File Name: Table.vue\r\n Description: Table demo - Imports all table demos\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <div id=\"table-demo\">\r\n <table-default></table-default>\r\n <table-striped></table-striped>\r\n <table-state></table-state>\r\n <table-pagination></table-pagination>\r\n <table-single-selected></table-single-selected>\r\n <table-multiple-selected></table-multiple-selected>\r\n <table-expandable-data></table-expandable-data>\r\n <table-edit-data-table></table-edit-data-table>\r\n <table-filter-sorter></table-filter-sorter>\r\n <table-miscellaneous></table-miscellaneous>\r\n <table-ssr></table-ssr>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport TableDefault from './TableDefault.vue'\r\nimport TableStriped from './TableStriped.vue'\r\nimport TableState from './TableState.vue'\r\nimport TablePagination from './TablePagination.vue'\r\nimport TableSingleSelected from './TableSingleSelected.vue'\r\nimport TableMultipleSelected from './TableMultipleSelected.vue'\r\nimport TableExpandableData from './TableExpandableData.vue'\r\nimport TableEditDataTable from './TableEditDataTable.vue'\r\nimport TableFilterSorter from './TableFilterSorter.vue'\r\nimport TableMiscellaneous from './TableMiscellaneous.vue'\r\nimport TableSsr from './TableSSR.vue'\r\n\r\nexport default{\r\n components: {\r\n TableDefault,\r\n TableStriped,\r\n TableState,\r\n TablePagination,\r\n TableSingleSelected,\r\n TableMultipleSelected,\r\n TableExpandableData,\r\n TableEditDataTable,\r\n TableFilterSorter,\r\n TableMiscellaneous,\r\n TableSsr\r\n }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Table.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Table.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Table.vue?vue&type=template&id=393aee63&\"\nimport script from \"./Table.vue?vue&type=script&lang=js&\"\nexport * from \"./Table.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
Copyright ©2k19 -
Hexid
|
Tex7ure