title: kendo grid does not hightlight seleted row / missing ui refresh
body: <p>I have a Kendo-grid:</p>
  
  <pre><code>&lt;kendo-grid 
  [data]="gridData"
  [pageSize]="state.take"
  [skip]="state.skip"
  [sort]="state.sort"
  [filter]="state.filter"
  [sortable]="true"
  [pageable]="true"
  [filterable]="true"
  [kendoGridSelectBy]="'guid'"
  [selectable]="true"
  [selectedKeys]="selectionCustomer"
  (dataStateChange)="dataStateChange($event)"
  &gt;
    &lt;kendo-grid-checkbox-column&gt;&lt;/kendo-grid-checkbox-column&gt;
    &lt;kendo-grid-column field="name" title="Name"&gt;&lt;/kendo-grid-column&gt;
    &lt;kendo-grid-column field="prename" title="Prename"&gt;&lt;/kendo-grid-column&gt;
    &lt;kendo-grid-column field="companyName" title="CompnayName"&gt;&lt;/kendo-grid-column&gt;
    &lt;kendo-grid-column field="number" title="number"&gt;&lt;/kendo-grid-column&gt;
    &lt;kendo-grid-column field="fullname" title="Fullname"&gt;&lt;/kendo-grid-column&gt;
  &lt;/kendo-grid&gt;`
  </code></pre>
  
  <p>With the Component loading data from the API (as array because no Odata available)</p>
  
  <pre><code>export class CustomerKendoComponent implements OnInit {
  
    private state: State = {
      skip: 0,
      take: 10,
    };
  
    private customers: Customer[] = [];
    private gridData: GridDataResult = null;
    private selectionCustomer: number[] = [];
  
    constructor(
      private customerApi: CustomerApi,
      private ref: ChangeDetectorRef,
    ) {  }
  
    ngOnInit() {
  
      this.customerApi.apiCustomerGet().subscribe(response =&gt; {
        this.customers = response.customers;
        this.gridData = process(this.customers, this.state);
        this.ref.detectChanges();
      })
    }
  
    printSelection() {
      console.log(this.selectionCustomer);
    }
  }
  </code></pre>
  
  <p>If I click on a row, nothing happens.
  No error, no selection.</p>
  
  <p>To find the problem I added a button to the UI which prints out the selected row guid.</p>
  
  <pre><code>&lt;button md-raised-button color="primary" (click)="printSelection()"&gt;print&lt;/button&gt;
  </code></pre>
  
  <p>If I press the button, the console prints the correct GUID and the row gets higlighted! but only if I press the button.</p>
  
  <p>I can not see anything more in the documentation here <a href="https://www.telerik.com/kendo-angular-ui/components/grid/selection/" rel="nofollow noreferrer">https://www.telerik.com/kendo-angular-ui/components/grid/selection/</a>
  I have also tried it with the selectableSetting, but no change at all.</p>
  
  <p>Why does my Grid selection not trigger a "UI refresh"?</p>
  
  <p>Version</p>
  
  <p><code>"@progress/kendo-angular-grid": "^1.4.2",</code></p>
  
  <p><code>"@angular/core": "~4.3.1",</code></p>
  
  <p>Sorry for reusing angular2 tag, I'm not allowed to create a new tag for kendo-ui-angular4</p>