Grid and TreeGrid scroll issues

Hi,
Scroll is not working as expected in grid :
allowScrolling: true,
scrollSettings: {
       width: "100%"(I dont use px only % or vh)
}, 
I tried to add:
.e-scrollbar .e-hscroll{
        width:100px;
        display:block;
    }
    .e-grid .e-headercelldiv{
        width:200px
    }
still not working like allowScrolling was set as false
but only changing it in treegrid made scroll working fine

problem in treegrid is that when I tried to write a long header text, it didnt change header cell width making header text not half cutted

I've sended two images explaining grid and treegrid scoll issues.

Regards,
Kalai Sirajedine

Attachment: scroll_issue_e0d06ea.7z

3 Replies

KM Kuralarasan Muthusamy Syncfusion Team March 12, 2018 10:33 AM UTC

Hi Kalai,  

Thanks for contacting Syncfusion support. 
 
We have analyzed your query and we suggest you to add allowResizeToFit  Grid member to achieve your requirement. 

Please refer the following code example: 

<script type="text/javascript"> 
    $(function () { 
        $("#Grid").ejGrid({ 
 
            ...... 
 
            allowResizeToFit: true, 
 
            ...... 
        }); 
    }); 
 
</script> 

Please refer the following link for sample: 


If you need further assistance please get back to us, 

Regards, 
Kuralarasan M.  



KS Kalai Sirajeddine March 12, 2018 12:22 PM UTC

Hi Kuralarasan,
Thanks for help, my bad I didn't find this tip first in your site, but issue solved now.

Regards,
Kalai Sirajeddine


KM Kuralarasan Muthusamy Syncfusion Team March 12, 2018 12:33 PM UTC

Hi Kalai,  

We are happy to hear that your problem has been solved. Please let us know if you need further assistance. 

Regards, 
Kuralarasan M.  


Loader.
Up arrow icon