Multiple optional field for single column in kendo grid columnDefinition.

[Rajesh]

Hi,

 

I am facing issue in kendo grid.

I want to pass multiple optional text as field for single column in kendo grid column definition.

e.g. - Having following JSON and column definition

[

{ 'name': 'Tom', 'play': 'Football'}   // here name property is available in both object, but play and study not exist in both.

{'name': 'Jack', 'study': 'Vue'}

]

Column Definition - 

columnsDefinitions: [{
        field: 'name',
        title: 'First Name'      
      },

    {
        field: 'study' OR 'play'  // how to pass optional multiple property
        title: 'Occupations'      
      } ]

If I make another object in column definition then three columns are created.

But I am expecting only two column - First Name and Occupations (contains - play and study)

Thanks!

[Veselin Tsvetanov]

Hi Rajesh,

The required could be achieved by defining a Cell template for a given column. Here is some more information on the different ways of configuring a Cell template in the Kendo native Vue Grid:

https://www.telerik.com/kendo-vue-ui/components/grid-native/custom-rendering/custom-cells/

Here you will find a small StackBlitz sample implementing a conditional column as per the sample data, that you have sent:

https://stackblitz.com/edit/onczsc?file=index.html

Regards,
Veselin Tsvetanov
Progress Telerik

[Rajesh]

Thank you very much Veselin.