https://github.com/dzwillia/vue-grid
A flexible grid component for Vue.js
https://github.com/dzwillia/vue-grid
component grid table ui vue vuejs
Last synced: 4 months ago
JSON representation
A flexible grid component for Vue.js
- Host: GitHub
- URL: https://github.com/dzwillia/vue-grid
- Owner: dzwillia
- License: mit
- Created: 2017-04-12T02:56:50.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2024-03-26T02:18:56.000Z (over 1 year ago)
- Last Synced: 2025-07-06T09:08:07.596Z (4 months ago)
- Topics: component, grid, table, ui, vue, vuejs
- Language: Vue
- Homepage: https://dzwillia.github.io/vue-grid
- Size: 1.04 MB
- Stars: 113
- Watchers: 5
- Forks: 22
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-grid
> A flexible grid component for Vue.js
vue-grid is designed to be an advanced [Vue.js](http://vuejs.org) grid component allowing for fast loading and rendering of tabular data.
## Documentation
[https://github.com/dzwillia/vue-grid/](https://github.com/dzwillia/vue-grid/)
## Demo
[https://dzwillia.github.io/vue-grid](https://dzwillia.github.io/vue-grid)
## Requirements
* [Vue.js](http://vuejs.org/) (^v2.1.4)
## Browser support
IE 10+ (due to [Flexbox support](https://caniuse.com/#feat=flexbox)).
## Installation
### NPM
```bash
npm install vue-grid2 --save
```
### Usage
> All styling for this component is done using [Tachyons.css](https://github.com/tachyons-css/tachyons/). No external CSS files are required at this time.
### ES6
```js
```
Please note that for now the JSON payload must be formatted as follows:
```json
{
"columns": [
{ "name": "col1" },
{ "name": "col2" },
{ "name": "col3" }
],
"rows": [
{
"col1": "Column 1 Row 1",
"col2": "Column 2 Row 1",
"col3": "Column 3 Row 1"
},{
"col1": "Column 1 Row 2",
"col2": "Column 2 Row 2",
"col3": "Column 3 Row 2"
},{
"col1": "Column 1 Row 3",
"col2": "Column 2 Row 3",
"col3": "Column 3 Row 3"
}
],
"total_count": 1000
}
```
The `columns` node only needs to be provided on the first call.
## License
vue-grid is open source and released under the [MIT License](LICENSE).
Copyright (c) 2017 [David Z Williams](https://twitter.com/padredaveo).
> *PS: I would love to know if you're using vue-grid. Tweet to me at [@padredaveo](https://twitter.com/padredaveo)*.