No scroll bar when scrolling enabled

[duncan]

     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?

[Karthick Kuppusamy]

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. 

 

$("#Grid").ejGrid({ 

        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. 

http://jsplayground.syncfusion.com/echbems3. 

Please find the UG Link for your reference. 

https://help.syncfusion.com/js/grid/scrolling. 

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. 

Regards, 

K.Karthick.