Kendo Grid set the minimum column width when screen is resizing

4
votes

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

2
javascriptjquerykendo-uikendo-grid
Do You want an starting width to be wider or? - dev_in_progress
@dev_in_progress doesn't matter as long the minimum column width is set. So when resize the screen the minimum width will trigger, - dontbannedmeagain

2 Answers

0
votes

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

0
votes

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.