How to dynamically draw a wrapper grid using v-for

[HoCheol]

I can't get v-for to work. is there any way to dynamically draw a GridColumn with a columnList?

Here is the code that I failed with

 

<Grid :data-source="tableData"
      :selectable="'multiple cell'">
  <GridColumn v-for="column in columns" :key="column.field" :field="column.field" :title="column.title" />
</Grid>
 
<Grid :data-source="tableData"
      :selectable="'multiple cell'">
  <template v-for="column in columns" :key="column.field">
    <GridColumn :field="column.field" :title="column.title" />
  </template>
</Grid>

[Konstantin Dikov]

Hi HoCheol,

Using "v-for" will not be possible for defining the columns, but you can use the "columns" property directly:

• https://www.telerik.com/kendo-vue-ui/components/grid-wrapper/columns/columns/#toc-using-the-data-vue-object

Hope this helps. 

 

Regards,
Konstantin Dikov
Progress Telerik