This is a migrated thread and some comments may be shown as answers.

Kendo wraper grid with columns name with .(dot) not working sorting functionality Vue.

1 Answer 316 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Rahul asked on 18 Sep 2019, 10:42 AM

Hello All,

I am facing issue of sorting functionality in grid with vuejs.

In grid records are sorting in ascending/descending on click on column name.

But my column name is simple string but field is dot (.) separated value then it is not working.

e.g. - 

columnsDefinitions: [ {
    field: '',
    title: 'rolename',

where is a key of JSON getting from back-end.

Error : -

Uncaught TypeError: Cannot read property 'role' of undefined
    at eval (eval at getter (kendo.core.js?38f6:4631), <anonymous>:3:15)
    at Array.eval (
    at eval (
    at Array.sort (<anonymous>)
    at Query.order (
    at Query.orderBy (
    at Query.sort (
    at Function.Query.process (
    at init._queryProcess (
    at init.query (

1 Answer, 1 is accepted

Sort by
Veselin Tsvetanov
Telerik team
answered on 20 Sep 2019, 06:05 AM

Hello Rahul,

Using the "." in your field names would result in invalid JavaScript, i.e. you can't have a JavaScript object like:

var myObject = { someValue

Unfortunately, in VueJS you could not force Kendo to generate javascript that uses []-notation to reference the fields instead of dot-notation. Having that said, I am afraid that you should take care to avoid any dots in the items fields received from the remote source.

In case you have any other questions, please do not hesitate to contact us.

Veselin Tsvetanov
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Asked by
Top achievements
Rank 1
Answers by
Veselin Tsvetanov
Telerik team
Share this question