<vaadin-grid>

<vaadin-grid> is a free, high quality data grid / data table Polymer element, part of the Vaadin Core Elements.

<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

alexyans/vaadin-grid