columns.minScreenWidth Number

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

Example - hiding columns when the screen is smaller than a given width

<div id="treelist"></div>
<script>
    $("#treelist").kendoTreeList({
      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, parentId: null, name: "Jane Doe", age: 31, city: "Boston" },
          { id: 2, parentId: 1, name: "John Doe", age: 55, city: "New York" }
      ]
    });
</script>
In this article
Not finding the help you need? Improve this article