dzwillia / Vue Grid
Licence: mit
A flexible grid component for Vue.js
Stars: ✭ 113
Projects that are alternatives of or similar to Vue Grid
React Datasheet
Excel-like data grid (table) component for React
Stars: ✭ 4,866 (+4206.19%)
Mutual labels: component, grid, table
Ka Table
Lightweight MIT React Table component for both TS and JS with Sorting, Filtering, Grouping, Virtualization, Editing and many more
Stars: ✭ 117 (+3.54%)
Mutual labels: component, grid, table
Vue Easytable
🍉 Table Component/ Data Grid / Data Table.Support Virtual Scroll,Column Fixed,Header Fixed,Header Grouping,Filter,Sort,Cell Ellipsis,Row Expand,Row Checkbox ...
Stars: ✭ 2,501 (+2113.27%)
Mutual labels: component, grid, table
React Base Table
A react table component to display large datasets with high performance and flexibility
Stars: ✭ 966 (+754.87%)
Mutual labels: component, grid, table
React Tabulator
React Tabulator is based on tabulator - a JS table library with many advanced features.
Stars: ✭ 295 (+161.06%)
Mutual labels: component, grid, table
Gridmanager
🌐 表格组件GridManager: 快速、灵活的对Table标签进行实例化,让Table标签充满活力。
Stars: ✭ 622 (+450.44%)
Mutual labels: grid, table
Sheetjs
📗 SheetJS Community Edition -- Spreadsheet Data Toolkit
Stars: ✭ 28,479 (+25102.65%)
Mutual labels: grid, table
Reactables
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.
Stars: ✭ 112 (-0.88%)
Mutual labels: grid, table
Datagrid
Gem to create tables grids with sortable columns and filters
Stars: ✭ 921 (+715.04%)
Mutual labels: grid, table
Jquery Rslitegrid
Input tabular data with your keyboard
Stars: ✭ 5 (-95.58%)
Mutual labels: grid, table
Puregrid
Lightweight JavaScript Grid/SpreadSheet component written in pure JavaScript
Stars: ✭ 10 (-91.15%)
Mutual labels: grid, table
Vue Table Component
A straight to the point Vue component to display tables
Stars: ✭ 592 (+423.89%)
Mutual labels: component, table
Datatable
A simple, modern and interactive datatable library for the web
Stars: ✭ 587 (+419.47%)
Mutual labels: grid, table
Vue Handsontable Official
Vue Data Grid with Spreadsheet Look & Feel. Official Vue wrapper for Handsontable.
Stars: ✭ 751 (+564.6%)
Mutual labels: grid, table
React Handsontable
React Data Grid with Spreadsheet Look & Feel. Official React wrapper for Handsontable.
Stars: ✭ 511 (+352.21%)
Mutual labels: grid, table
React Flex Ready
A Flexbox grid ready, easy to implement and customize
Stars: ✭ 23 (-79.65%)
Mutual labels: component, grid
React Spreadsheet Grid
An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns
Stars: ✭ 996 (+781.42%)
Mutual labels: grid, table
Angular Generic Table
A generic table for Angular 2+. Generic table uses standard markup for tables ie. table, tr and td elements etc. and has support for expanding rows, global search, filters, sorting, pagination, export to CSV, column clicks, custom column rendering, custom export values.
Stars: ✭ 100 (-11.5%)
Mutual labels: grid, table
Nghandsontable
Official AngularJS directive for Handsontable
Stars: ✭ 438 (+287.61%)
Mutual labels: grid, table
vue-grid
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.
Documentation
https://github.com/dzwillia/vue-grid/
Demo
https://dzwillia.github.io/vue-grid
Requirements
- Vue.js (^v2.1.4)
Browser support
IE 10+ (due to Flexbox support).
Installation
NPM
npm install vue-grid2 --save
Usage
All styling for this component is done using Tachyons.css. No external CSS files are required at this time.
ES6
<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.
License
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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].