{"_rev":"4-c29e525a2074259bb6970ed0afd52b64","time":{"created":"2023-07-03T10:02:19.822Z","3.5.2":"2023-07-03T07:39:54.539Z","modified":"2023-07-03T10:02:20.304Z","3.5.3":"2023-07-03T10:01:00.503Z","3.5.4":"2023-07-03T10:02:20.126Z"},"_id":"@dextromethorphanum/vue-datagrid","name":"@dextromethorphanum/vue-datagrid","dist-tags":{"latest":"3.5.4"},"versions":{"3.5.4":{"name":"@dextromethorphanum/vue-datagrid","version":"3.5.4","description":"Vue data grid spreadsheet","main":"dist/vgrid.js","scripts":{"build":"webpack --config ./.webpack/webpack.config.js","serve":"webpack serve --config ./.webpack/webpack.dev.js"},"keywords":["spreadsheet","vue","datagrid","revogrid","excel","js","gridjs","virtual","virtual grid","datalist","rangeedit"],"author":{"name":"revolist"},"repository":{"type":"git","url":"git+https://github.com/revolist/vue-datagrid.git"},"bugs":{"url":"https://github.com/revolist/vue-datagrid/issues"},"homepage":"https://github.com/revolist/vue-datagrid#readme","license":"MIT","dependencies":{"@dextromethorphanum/revogrid":"^3.5.2","@stencil/core":"^2.17.3"},"devDependencies":{"@vue/compiler-sfc":"^3.2.37","clean-webpack-plugin":"^4.0.0","html-webpack-plugin":"^5.5.0","sass":"^1.54.4","sass-loader":"^13.0.2","style-loader":"^3.3.1","ts-loader":"^9.3.1","typescript":"^4.7.4","vue":"^2.6.12","vue-loader":"^15.10.0","vue-style-loader":"^4.1.3","webpack":"^5.74.0","webpack-cli":"^4.10.0","webpack-dev-server":"^4.10.0"},"types":"./dist/vgrid.d.ts","gitHead":"7b93446ac7958af8f4fb3b260cb49628292c6129","_id":"@dextromethorphanum/vue-datagrid@3.5.4","_nodeVersion":"16.17.0","_npmVersion":"9.1.3","dist":{"integrity":"sha512-ETyInwCV0Lh/25Puj7otNV58kl7wPnQDfmT0Ur5/VGVBbpawTgTYWbEwnMyUvwRKofnf/6dCetEZeCCYmCYdSg==","shasum":"f670f0a145dfb20e657d5d1237fefc23de257b59","tarball":"https://registry.npmjs.org/@dextromethorphanum/vue-datagrid/-/vue-datagrid-3.5.4.tgz","fileCount":29,"unpackedSize":403721,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCwYwfAxJeX4vuKqzlryFNAYWjPywm4lRVYJPUtcWVSQwIgecNcBtsMZXjU+ocJwSWyl/PZXDVw7+9GTrG9yoRKi1Q="}]},"_npmUser":{"name":"dextromethorphanum","email":"crossfield.u@gmail.com"},"directories":{},"maintainers":[{"name":"dextromethorphanum","email":"crossfield.u@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-datagrid_3.5.4_1688378539889_0.9254123274410802"},"_hasShrinkwrap":false}},"maintainers":[{"name":"dextromethorphanum","email":"crossfield.u@gmail.com"}],"description":"Vue data grid spreadsheet","homepage":"https://github.com/revolist/vue-datagrid#readme","keywords":["spreadsheet","vue","datagrid","revogrid","excel","js","gridjs","virtual","virtual grid","datalist","rangeedit"],"repository":{"type":"git","url":"git+https://github.com/revolist/vue-datagrid.git"},"author":{"name":"revolist"},"bugs":{"url":"https://github.com/revolist/vue-datagrid/issues"},"license":"MIT","readme":"<p align=\"center\">\r\n  <a href=\"https://revolist.github.io/revogrid\">\r\n    <img src=\"https://raw.githubusercontent.com/revolist/revogrid/master/assets/logo.svg\" alt=\"RevoGrid\" height=\"150\" />\r\n  </a>\r\n</p>\r\n\r\n##\r\n<p align=\"center\">\r\n  <a href=\"https://www.npmjs.com/package/@revolist/revogrid\"><img src=\"https://img.shields.io/npm/v/@revolist/vue-datagrid\" alt=\"Latest Version on NPM\"/></a>\r\n  <a href=\"https://github.com/revolist/revogrid/blob/master/LICENSE\"><img src=\"https://img.shields.io/npm/l/@revolist/revogrid\" alt=\"Software License\"/></a>\r\n</p>\r\n<h4 align=\"center\">Powerful data grid component built on top of <a href=\"https://github.com/revolist/revogrid\" target=\"_blank\">RevoGrid</a>.</h4>\r\n<p align=\"center\">\r\nMillions of cells and thousands columns easy and efficiently.\r\n  \r\n</p>\r\n\r\n<p align=\"center\">\r\n  <a href=\"https://revolist.github.io/revogrid\">Demo and API</a> •\r\n  <a href=\"#key-features\">Key Features</a> •\r\n  <a href=\"#how-to-use\">How To Use</a> •\r\n  <a href=\"https://github.com/revolist/revogrid/blob/master/src/components/revo-grid/readme.md\">Docs</a> •\r\n  <a href=\"#license\">License</a>\r\n</p>\r\n\r\n<img src=\"https://raw.githubusercontent.com/revolist/revogrid/master/assets/material.jpg\" alt=\"Material grid preview\" width=\"100%\" />\r\n<i>RevoGrid material theme.</i>\r\n<br>\r\n\r\n\r\n## Key Features\r\n\r\n- Millions of cells viewport with a powerful core in-build by default;\r\n- Keyboard support with excel like focus;\r\n- Super light initial starter <img src=\"https://badgen.net/bundlephobia/min/@revolist/revogrid@latest\" alt=\"Min size\"/>. Can be imported with polifill or as module for modern browsers;\r\n- Intelligent Virtual DOM and smart rgRow recombination in order to achieve less redraws;\r\n- Sorting (multiple options, can be customized per column and advanced with events);\r\n- Filtering\r\n  - Predefined system filters;\r\n  - Preserve existing collection;\r\n  - Custom filters (extend existing system filters with your own set);\r\n- Export to file;\r\n- Custom sizes per Column and Row;\r\n- Column resizing;\r\n- Autosize support (Column size based on content);\r\n- Pinned/Sticky/Freezed:\r\n  - Columns (define left or right);\r\n  - Rows (define top or bottom);\r\n- Grouping:\r\n  - Column grouping (Nester headers);\r\n  - Row grouping (Nested rows);\r\n- Cell editing;\r\n- Customizations:\r\n  - Header template;\r\n  - Cell template (build your own cell view);\r\n  - Cell editor (apply your own editors and cell types);\r\n  - Cell properties (build you own properties around rendered cells);\r\n- [Column types](https://revolist.github.io/revogrid/guide/column.types.html);\r\n  - Text/String (default);\r\n  - Number;\r\n  - Select;\r\n  - Date;\r\n  - Custom (take any type as template and create your own extended style);\r\n- Drag and drop rows;\r\n- Range operations:\r\n  - Selection;\r\n  - Edit;\r\n- Theme packages:\r\n  - Excel like (default)\r\n  - Material (compact, dark or light);\r\n- Copy/Paste (copy/paste from Excel, Google Sheets or any other sheet format);\r\n- Easy extenation and support with modern VNode features and tsx support;\r\n- Trimmed rows (hide rows on demand);\r\n- Plugin system (create your own plugins or extend existing one, it's transparent and easy);\r\n- Automated size calculation;\r\n- Hundred others small customizations and improvements [RevoGrid](https://revolist.github.io/revogrid).\r\n\r\n\r\n\r\n## Overview\r\n\r\nThe RevoGrid component helps represent a huge amount of data in a form of data table \"excel like\" or as list.\r\n<br>\r\n![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) |\r\n--- | --- | --- | --- | --- |\r\nLatest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |\r\n\r\n\r\n## How to use\r\n\r\n\r\nWith NPM:\r\n```bash\r\nnpm i @revolist/vue-datagrid --save;\r\n```\r\n\r\nWith Yarn:\r\n\r\n```bash\r\nyarn add @revolist/vue-datagrid;\r\n```\r\n\r\n[Sandbox](https://codesandbox.io/s/data-vue-test-3wkzi?file=/src/App.vue)\r\n```vue\r\n<template>\r\n  <v-grid :source=\"rows\" :columns=\"columns\"/>\r\n</template>\r\n\r\n<script>\r\nimport VGrid from '@revolist/vue-datagrid';\r\nexport default {\r\n  name: 'App',\r\n  data() => ({\r\n      columns: [\r\n        { prop: 'name', name: 'First' },\r\n        { prop: 'details', name: 'Second' },\r\n      ],\r\n      rows: [{ name: '1', details: 'Item 1' }],\r\n    };\r\n  }),\r\n  components: { VGrid },\r\n};\r\n</script>\r\n```\r\n\r\n## Contributing\r\n\r\nIf you have any idea, feel free to open an issue to discuss a new feature and submit your changes back to me.\r\n\r\n\r\n## License\r\n\r\nMIT\r\n\r\n","readmeFilename":"README.md"}