Since Kendo grid is not a responsive widget, provide a option for users to hide lesser significant columns on smaller screens.

Let user specify the property "HideWhenLessThan" for a column in the grid, which represents the width of the screen below which the column is hidden in the grid. 

Example:
 columns: [{
                            field: "ContactName",
                            title: "Contact Name",
                           HideWhenLessThan: 600
                        }]
                           
Here the column would be hidden when the width of  the grid's parent div or the width of the browser is lesser than 600px.