Grid

Represents the native Vue Grid component by Kendo UI.

<div id="app">
     <Grid
         :data-items="products"
         :columns="columns">
      </Grid>
 </div>
 <script>
     Vue.component('Grid', Grid);
     new Vue({
         el: '#app',
         data: function () {
             return {
                products: [
                  { 'foo': 'A1', 'bar': 'B1' },
                     { 'foo': 'A2', 'bar': 'B2' },
                     { 'foo': 'A3', 'bar': 'B2' }
                 ],
                 columns: [
                     { field: 'foo'},
                     { field: 'bar'}
                 ]
             };
         }
     });
 </script>

$props GridProps