How to set kendo grid horizontal scrollbar Only?

Question

I have kendo window its showing vertical and horizontal scrollbar both on grid, how i can just implement horizontal scrollbar and disable vertical , any suggetion.

code below

CONFIG.JS

sortable: true,
            pageable: {
                previousNext: false,
                pageSizes: false
            },
            scrollable: true,
            filterable: true,

Solution 1

To remove vertical scrollbar, you have to change the CSS on the Kendo UI Grid.

Replace #GridId with your grid id.

...
#GridID .k-grid-header
{
   padding: 0 !important;
}

#GridID .k-grid-content
{
   overflow-y: visible;
}
...

Solution 2

If you want to hide the vertical scroll bar on a kendo grid you can try this.

$("#grid .k-grid-content").css({
    "overflow-y": "hidden"
});

Comments

[Lars Höppner]

possible duplicate of How to make scrollbar auto enabled or disabled in a Kendo grid?

[aftab]

but if i have other grids in application i want both vertical and horizontal it will break is'nt ?

[Shaan]

The css above will ONLY hide the vertical-scroll for the grid with id="GridID" not the other grids.

[aftab]

i am using Angularjs cannot use jquery

[Carlos Figueroa]

Awesome. You're the best!

[curiousBoy]

@aftab: it doesnt make sense. isnt it already has Jquery Lite??