[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8804":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":21,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":16,"starSnapshotCount":16,"syncStatus":30,"lastSyncTime":31,"discoverSource":32},8804,"vuetable-2","ratiw\u002Fvuetable-2","ratiw","data table simplify! -- datatable component for Vue 2.x. See documentation at ","https:\u002F\u002Fvuetable.com",null,"Vue",2143,395,48,323,0,59.79,"MIT License",false,"master",true,[23,24,25,26],"component","datatable","pagination-components","vue","2026-06-12 04:00:41","[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvuetable-2.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvuetable-2)\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002Fvuetable-2.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvuetable-2)\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fl\u002Fvuetable-2.svg?maxAge=2592000)](https:\u002F\u002Fgithub.com\u002Fratiw\u002Fvuetable-2\u002Fblob\u002Fmaster\u002FLICENSE)\n\n# Vuetable-2 - data table simplify!\n\n---\n\n## Vuetable-2 v2.0-beta is available now!\n\nSee the [`next`](https:\u002F\u002Fgithub.com\u002Fratiw\u002Fvuetable-2\u002Ftree\u002Fnext) branch.\n\n---\n\n### Vuetable-2 works with Vue 2.x, vuetable is for Vue 1.x\n\nIf you're looking for the version that's working with Vue 1.x, please go to [`vuetable`](https:\u002F\u002Fgithub.com\u002Fratiw\u002Fvue-table) repo.\n\n---\n\n### Documentation and Tutorial\n\nDocumentation is still under development, but you can view it at [https:\u002F\u002Fratiw.github.io\u002Fvuetable-2](https:\u002F\u002Fratiw.github.io\u002Fvuetable-2).  Thanks to @cristijora for the help.\n\nMeanwhile, check out\n- the [Tutorial](https:\u002F\u002Fgithub.com\u002Fratiw\u002Fvuetable-2-tutorial\u002Fwiki)\nwith follow-along project [here](https:\u002F\u002Fgithub.com\u002Fratiw\u002Fvuetable-2-tutorial). It should be enough to get you started.\n\n- [Sample project](https:\u002F\u002Fgithub.com\u002Fratiw\u002Fvuetable-2-with-laravel-5.4) using Vuetable-2 with Laravel 5.4 and Laravel-Mix\n\nIf you've been using Vuetable for Vue 1.x before, checkout [what's changed](https:\u002F\u002Fgithub.com\u002Fratiw\u002Fvuetable-2\u002Fblob\u002Fmaster\u002Fchanges.md) for info on changes from Vuetable for Vue 1.x and the [upgrade guide](https:\u002F\u002Fgithub.com\u002Fratiw\u002Fvuetable-2\u002Fblob\u002Fmaster\u002Fupgrade-guide.md) on how you could upgrade from Vuetable for Vue 1.x.\n\nYou can now make use of Vue's scoped slot using the new `__slot` special field, thanks to @sjmarve. That means you are able to define action buttons per instance of a data table without depending on a globally defined component.\n\nUse scoped slot in parent when defining the actions [Vue Doc for scopped Slots](https:\u002F\u002Fvuejs.org\u002Fv2\u002Fguide\u002Fcomponents.html#Scoped-Slots)\n\ne.g.\n```html\n\u003Ctemplate slot=\"actions\" scope=\"props\">\n    \u003Cdiv class=\"table-button-container\">\n        \u003Cbutton class=\"btn btn-default\" @click=\"onClick('edit-item', props.rowData)\">\u003Ci class=\"fa fa-edit\">\u003C\u002Fi> View\u003C\u002Fbutton>  \n        \u003Cbutton class=\"btn btn-danger\" @click=\"onClick('delete-item', props.rowData)\">\u003Ci class=\"fa fa-remove\">\u003C\u002Fi> Edit\u003C\u002Fbutton>  \n    \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n```\n\nthe onClick function can now be defined in the parent and the parent has Access to rowData and rowIndex via props. :)\n\nThe original functionality still works\n\n# Breaking Changes\n## v1.6.0\n- The `icons` prop of VuetablePagination is now moved into the `css` prop object. See this [codepen](https:\u002F\u002Fcodepen.io\u002Fratiw\u002Fpen\u002FGmJayw).\n\n# Example Code\n- Clone the project\n- Go into the cloned directory\n- `npm install`\n- `npm run dev`\n- Open browser to `http:\u002F\u002Flocalhost:8080`\n\n# Usage\n## NPM\n\n```shell\nnpm install vuetable-2 --save-dev\n```\n\n## Javascript via CDN\nThanks to @cristijora for providing helps on this.\n```html\n\u002F\u002F vuetable-2 dependencies\n\u003Cscript src=\"https:\u002F\u002Fcdnjs.cloudflare.com\u002Fajax\u002Flibs\u002Fvue\u002F2.2.6\u002Fvue.min.js\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Fcdnjs.cloudflare.com\u002Fajax\u002Flibs\u002Faxios\u002F0.16.1\u002Faxios.min.js\">\u003C\u002Fscript>\n\u002F\u002F vuetable-2\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fvuetable-2@1.6.0\">\u003C\u002Fscript>\nVue.use(Vuetable)\n```\nThis is demonstrated in this [jsfiddle](http:\u002F\u002Fjsfiddle.net\u002FCristiJ\u002Fz11fe07p\u002F1318\u002F).\n\nThe `.use` from above will register all the components globally.\n```javascript\nfunction install(Vue){\n  Vue.component(\"vuetable\", Vuetable);\n  Vue.component(\"vuetable-pagination\", VueTablePagination);\n  Vue.component(\"vuetable-pagination-dropdown\", VueTablePaginationDropDown);\n  Vue.component(\"vuetable-pagination-info\", VueTablePaginationInfo);\n}\n```\n\nAlso you have the ability to access certain components if you need them:\n```javascript\nVueTable: VueTable.default\u002FVueTable.VueTable,\nVueTablePagination: VueTable.VueTablePagination,\nVueTablePaginationInfo: VueTable.VueTablePaginationInfo,\nVueTablePaginationDropdown: VueTable.VueTablePaginationDropdown\n```\n\n\n# Contributions\nAny contribution to the code (via pull request would be nice) or any part of the documentation and any idea and\u002For suggestion are very welcome.\n\n> __Note__\n> For any bug fix, the PR should be forked from the `master` branch. And for any suggestion or additional feature, the PR should be forked from the `develop` branch, where it can be integrated and rolled out in the next release.\n>\n> If you are not sure, please ask by openning a new issue.\n\nHowever, please do not feel bad if your pull requests or contributions do not get merged or implemented into Vuetable.\n\nYour contributions can, not only help make Vuetable better, but also push it away from what I intend to use it for. I just hope that you find it useful for your use or learn something useful from its source code. But remember, you can always fork it to make it work the way you want.\n\n# License\nVuetable is open-sourced software licensed under the [MIT license](http:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT).\n","Vuetable-2 是一个专为 Vue 2.x 设计的数据表格组件，旨在简化数据展示与操作。其核心功能包括灵活的数据分页、排序和过滤，并支持通过 Vue 的作用域插槽自定义每行的操作按钮，从而实现高度可定制的用户界面。此外，Vuetable-2 还提供了丰富的样式配置选项，使得开发者能够轻松地根据项目需求调整表格外观。此组件适用于需要在 Vue 应用中高效管理大量数据展示的各种场景，如后台管理系统、数据分析平台等。MIT 许可证下的开源项目，拥有活跃的社区支持和详细的文档教程，便于快速集成到现有项目中。",2,"2026-06-11 03:19:49","top_language"]