Kendo Vue Spreadsheet multiple sheets using v-for

[Xin]

Hi,

I tried to dynamically render sheets in a spreadsheet using v-for but I could only have one sheet.

The code is something like blow

  kendo-spreadsheet(ref="spreadsheet")
      kendo-spreadsheet-sheet(v-for="sheet in sheets" :name="sheet" :data-source="rows")

 

Is v-for supported and what's the right way?

 

Many thanks

[Plamen]

Hi,

Yes indeed adding the sheets with v-for is not supported scenario. You could use sheets prop of the spreadsheet component and fill it with sheets object before it is mounted. 

If you want to add sheets after the component is mounted you will have to use insertSheet method.

Here is a sample example of both cases - https://stackblitz.com/edit/ezicn5?file=index.html 

Regards,
Plamen
Progress Telerik

[Xin]

Is the "sheets" prop on spreadsheet documented anywhere?

[Plamen]

Hi,

We are currently working on the API documentation of the Vue wrappers - yet all their props have also same properties of the wrapped Kendo widget so for the moment you could check the API of the widget and use the corresponding prop.


Regards,
Plamen
Progress Telerik