Kendo Grid set the minimum column width when screen is resizing

Question

How to set the minimum column width of kendo grid when screen is resizing? For example I had this grid and I want to set the Description column min width to 300px

I have tried:

1. media: "(min-width: 300px)"
2. I found this article but it only works if resizing the column in the grid.

DEMO IN DOJO

Answer 1

Try using a row template, this will allow you to target individual columns with CSS and further customise sizing with using Media Queries.

https://demos.telerik.com/kendo-ui/grid/rowtemplate

Answer 2

Instead of directly putting css to element you can add class to parent element of Grid and catch the grid column class using that parent element class and then add the media query on that.