title: How to change columns set of kendo grid dynamically
body: <p>I am trying to change the columns collection of my Kendo grid in the below way.</p>
  
  <pre><code>var grid = $("#grid").data("kendoGrid");
  $http.get('/api/GetGridColumns')
      .success(function (data) {
          grid.columns = data;                    
      })
      .error(function (data) {
          console.log(data);
      });
  </code></pre>
  
  <p>This is changing the column collection but not reflecting immediately in my grid. But when I try to perform some actions in the grid (like grouping), then my new column set is appearing.</p>
  
  <p>Please let me know how can I achieve this.</p>
  
  <p>Regards,
  Dilip Kumar</p>