We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

No scroll bar when scrolling enabled

     allowScrolling: true,
            scrollSettings: { width: "auto", height: 450 }

There are 9 items being loaded to the grid below but only 6 of them are showing.

Why doesn't THIS particular functionality work either?

Does anything work?

1 Reply

KK Karthick Kuppusamy Syncfusion Team September 21, 2016 11:08 AM UTC

Hi Duncan, 

Thanks for Contacting Syncfusion support. 

We have analyzed your code snippet and we are not able to reproduce the reported issue at our end with the provided information. 

Please find the code example. 

        dataSource: data, 
        allowPaging: true, 
        allowScrolling: true, 
        scrollSettings: { width: "auto", height: 300 }, 
        allowSorting: true,           
        columns: [ 
                 { field: "OrderID", headerText: "Order ID", width: 75 , textAlign: ej.TextAlign.Right }, 
                 { field: "CustomerID", headerText: "Customer ID", width: 80 }, 
                 { field: "EmployeeID", headerText: "Employee ID", width: 75, textAlign: ej.TextAlign.Right }, 
                 { field: "Freight", width: 75, format: "{0:C}", textAlign: ej.TextAlign.Right }, 
                 { field: "ShipCity", headerText: "Ship City", width: 110 } 

For your reference we have created a JS playground sample based on your requirement. 

Please find the UG Link for your reference. 

Could you please share the following details to us it would be helpful for us to find the solution at earliest. 

1.How do you bind the data for the grid? 

2.Please share the grid code. 

3.Did you used any custom function or custom css for  the grid?  

4.Please reproduce the issue in the attached sample  and revert back to us or share more information to reproduce the issue. 


Live Chat Icon For mobile
Up arrow icon