A flexible grid component for Vue.js
vue-grid is designed to be an advanced Vue.js grid component allowing for fast loading and rendering of tabular data.
https://github.com/dzwillia/vue-grid/
https://dzwillia.github.io/vue-grid
IE 10+ (due to Flexbox support).
npm install vue-grid2 --save
All styling for this component is done using Tachyons.css. No external CSS files are required at this time.
<grid data-url="https://enter-your-data/url/endpoint/here" ></grid>
Please note that for now the JSON payload must be formatted as follows:
{
"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.
vue-grid is open source and released under the MIT License.
Copyright (c) 2017 David Z Williams.
PS: I would love to know if you're using vue-grid. Tweet to me at @padredaveo.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4