anchor.diff:    </table>
   </vaadin-grid>
   ----
  +
   [source, javascript]
   ----
  -gridReady(grid) {
  -  // You can now configure the columns by adding a renderer function for example.
  -  grid.columns[0].renderer = (cell) => {
  -    cell.element.innerHTML = 'row-' + cell.row.index;
  -  }
  +@ViewChild('grid') grid: any;
  +
  +ngAfterViewInit() {
  +  this.grid.nativeElement.then(() => {
  +      ...
  +  });
   }
   ----
  
positive.code: === Grid
  The [elementname]#vaadin-grid# element uses a `table` child element to declaratively configure columns, headers and footers.
  In case you’ll need to apply modifications to the declaratively configured [elementname]#vaadin-grid# columns, you must wait for the component to be fully initialized first.
  To do this, you should use the `grid-ready` event as follows.
  
  [source]
  ----
  <vaadin-grid (grid-ready)="gridReady($event)" [items]="dataItems">
    <table>
      <colgroup>
        <col>
  
negative.code: [[vaadin-core-elements.angular2]]
  = Angular 2 Integration
  
  While Vaadin Elements are built using Polymer, you need [vaadin-ng2-polymer] directive to enable seamless usage within Angular 2 applications.
  
  This page assumes that you already have an Angular 2 application setup ready.
  
  If you need help with the project setup, you should follow the https://angular.io/docs/ts/latest/quickstart.html[Angular 2 Quickstart] guide.
  