Edit this page

columns.minScreenWidth Number

The pixel screen width below which the column will be hidden. The setting takes precedence over the hidden setting, so the two should not be used at the same time.

Example - lockable columns

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "id", width: 250, minScreenWidth: 500 }, //column will become hidden if screen size is less than 500px
    { field: "name", width: 250 }, //column will always be visible
    { field: "age", width: 250, minScreenWidth: 750 } //column will become hidden if screen size is less than 750px
  ],
  dataSource: [
      { id: 1, name: "Jane Doe", age: 31, city: "Boston" },
      { id: 2, name: "John Doe", age: 55, city: "New York" }
  ]
});
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy