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

Horizontal scrollbar is not available when columns exceed width of grid.


We have a grid which can sometimes contain a large number of fixed width columns.

These will be displayed beyond the width of the grid, and the user is unable to scroll them into view.

I've attached a demo project demonstrating this.

Is there are property we need to set in order to enable this, or is it a problem with the control?

Many thanks.

Attachment: Code_429f0332.zip

1 Reply

KK Karthick Kuppusamy Syncfusion Team July 7, 2016 05:57 AM UTC

Hi Greg,   
Thanks for contacting Syncfusion support.   
In your sample, we found that you are not referring the script files and CSS files in proper way.   
Please find the code example.   
    <meta charset="UTF-8">   
    <link rel="stylesheet" rel='nofollow' href="libs/syncfusion/ej.web.all.min.css">   
    <script src="libs/jquery-2.1.4.js"></script>   
    <script src="libs/jquery.easing.1.3.js"></script>   
    <script src="libs/jsrender.js"></script>   
    <script src="libs/syncfusion/ej/ej.web.all.min.js"></script>   
    <script src="libs/angular.min.js"></script>   
    <script src="libs/syncfusion/ej/ej.unobtrusive.min.js"></script>   
    <script src="libs/syncfusion/ej/ej.widget.angular.min.js"></script>   
    <script src="script.js"></script>   
        .e-grid {   
            width98% !important;   
Please find the UG Link:   
We have modified your sample and it can be downloaded from the following location.   
K. Karthick  

Live Chat Icon For mobile
Up arrow icon