Skip to content

Spaces in the column names and Telerik’s Kendo UI for Angular’s grid

June 19, 2017

If the data source you are trying to bind to Telerik’s Angular grid has a column that contains spaces in its name then you will see the following error generated in the browser:

ERROR SyntaxError: Unexpected identifier
    at new Function (<anonymous>)
    at getter (accessor.js:49)
    at FieldAccessorPipe.webpackJsonp.../../../../@progress/kendo-angular-grid/dist/es/field-accessor.pipe.js.FieldAccessorPipe.transform (field-accessor.pipe.js:17)
    at Object.eval [as updateRenderer] (TableBodyComponent.html:101)
    at Object.debugUpdateRenderer [as updateRenderer] (core.es5.js:13173)
    at checkAndUpdateView (core.es5.js:12322)
    at callViewAction (core.es5.js:12680)
    at execEmbeddedViewsAction (core.es5.js:12638)
    at checkAndUpdateView (core.es5.js:12318)
    at callViewAction (core.es5.js:12680)

The fix is to remove the spaces from the column names of the datasource that is bound to Telerik’s Angular grid.


From → Angular 2.0, Telerik

Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: