Getting Warning When Specifying Grid Wrapper columns.sortable Configuration

[Alex]

I am using a custom comparison function for a wrapper grid column as follows:

<kendo-grid-column :field="'OrderID'" :sortable="{ compare: myComparisonFunction }"></kendo-grid-column>

This works, but I get the following warning in the console: [Vue warn]: Invalid prop: type check failed for prop "sortable". Expected Boolean, got Object

Here is a full example: https://stackblitz.com/edit/chqmrq?file=src/main.vue

What should I do to get rid of the console warning?

[Petar]

Hi Alex,

The sortable property accepts only boolean values and this is why you are getting the shared warning. The property you need to pass the myComparisonFunction is sortable-compare.

Here is an edited version of the project you sent me that demonstrates the usage of the mentioned property.

Regards,
Petar
Progress Telerik

[Alex]

Thank you. Does every property of type object as shown in the API documentation follow this format for Kendo Vue? e.g. if the API documentation uses property.field, Vue uses property-field/propertyField.

[Petar]

Hi, Alex. In general, the answer to your questions is "yes". This format is valid for the Wrapper components. However, I would recommend checking the API documentation of the component that you use. In this documentation, you will find the exact property you should use to implement the needed functionality.