<vaadin-grid>
<vaadin-grid> is a free, high quality data grid / data table Polymer element, part of the Vaadin Core Elements.
🚀 The upcoming <vaadin-grid> v2 release with a lot of exciting improvements is almost ready! Please see the Migration Guide to find out what's changing.
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../iron-ajax/iron-ajax.html">
<link rel="import" href="vaadin-grid.html">
<dom-module id="my-grid">
<template>
<iron-ajax auto handle-as="json" last-Response="{{items}}"
url="https://randomuser.me/api?results=100"></iron-ajax>
<vaadin-grid demo items="[[items.results]]" visible-rows="8">
<table>
<colgroup>
<col name="name.first" resizable>
<col name="name.last" resizable>
<col name="email" resizable flex>
</colgroup>
</table>
</vaadin-grid>
</template>
<script>
Polymer({
is: "my-grid"
});
</script>
</dom-module>
<my-grid></my-grid>
Getting started
Visit https://vaadin.com/elements/-/element/vaadin-grid for features, demos and documentation.
Contributing
See the contribution instructions which apply to all Vaadin core elements.
Development
See the development instructions which apply to all Vaadin core elements.
<vaadin-grid> specific development instructions
The internal implementation of vaadin-grid (1.0) is written in GWT, as it is based on the same implementation which is used in Vaadin Framework 7.
Below are instructions how to work with the GWT/Java code:
Compiling the GWT module
The compiled module is in the repository (vaadin-grid.min.js
), so you don't need to compile it unless you modify any .java
files.
First, make sure you've installed all the necessary tooling:
Install Gulp:
$ npm install -g gulp
Install npm dependencies:
$ npm install
Run the GWT compilation:
$ gulp gwt
Compiling using "pretty" output:
$ gulp gwt --gwt-pretty
Running and debugging in GWT SuperDevMode
To easily debug the Java code in the browser, use SDM:
$ gulp gwt:sdm
License
Apache License 2.0