Horizontal scroll for a Kendo Grid
Have you tried using frozen column, I prefer use this feature if I have a lot of columns to be displayed.
Demo Section
Another solution here could be using 'table-responsive' from bootstrap. For example:
<div class="table-responsive">
<div id="grid"></div>
</div>
and in the declaration of the kendogrid something like this:
$("#grid").kendoGrid({
dataSource: dataAjax.Rotation,
scrollable: false,
});
Apply Scrollable() and give Width for each columns and then if the total width exceeds the width of the grid the horizontal scrollbar will appear.
Reference
Scrolling
Kendo Grid Horizontal Scroll bar