toolbar.overflow.scrollButtonsPositionString(default: "split")
Defines the placement of scroll buttons. The available options are:
"split"— Scroll buttons appear at both ends of the toolbar."start"— Scroll buttons appear only at the start of the toolbar."end"— Scroll buttons appear only at the end of the toolbar.
Example - configure toolbar overflow scroll buttons position
<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",
scrollButtonsPosition: "end"
}
},
editable: true
});
</script>In this article