toolbar.overflow.scrollButtonsString(default: "auto")

Defines the visibility of scroll buttons when mode is "scroll". The available options are:

  • "auto" — Displays scroll buttons only when needed.
  • "hidden" — Hides the scroll buttons at all times.
  • "visible" — Always shows the scroll buttons.

Example - configure toolbar overflow scroll buttons

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  toolbar: {
    items: [
      { name: "create" },
      { name: "excel" },
      { name: "pdf" }
    ],
    overflow: {
      mode: "scroll",
      scrollButtons: "visible"
    }
  },
  editable: true
});
</script>
In this article
toolbar.overflow.scrollButtons
Not finding the help you need?
Contact Support