How to prevent kendo grid columns from resizing below a specified width? - kendo-grid

Question

When I resize the window all the columns become smaller. This is not the behavior I want since some columns are already sized as small as I want them to get from the beginning and I would like them to remain at their starting width while the larger columns shrink.
I tried using the columnResize event to prevent the columns from shrinking below a certain size, however it appears that this event is only for when a user manually resizes a column and it doesn't get fired when the window is resized.
How can I prevent columns from shrinking below a certain size when the window is resized?
(I am using the javascript version of the grid.)

Answer 1

In column definition columns in Grid configuration you can set attribute width. This force size of this column and prevent auto resizing during window resize.
If you don't set this option, column would dynamically fit into space.
{
field: "ColumnName",
title: "Column",
width: 120
}

Answer 2

Please find the solutions below
<script>
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{ field: "age" }
],
dataSource: [
{ name: "Jane Doe", age: 30 },
{ name: "John Doe", age: 33 }
],
resizable: true,
columnResize: function(e) {
$("#grid colgroup col").each(function () {
if ($(this).width() < 50) {
$(this).css("width", "50px");
}
})
}
});
</script>
Please find the Fiddle for a working demo
Another way of it doing it is mentioned here