scroll bar is not shown in ejs-grid on angular mat-dialog-content

[Yukiko Imazu]

Hello,

I'm working on grid with angular syncfusion.  I'm using ejs-grid.  When it comes to shrinking browser width, scroll bar is not appeared in the grid.

This grid is also on the dialog which is mat-dialog-content.  I'm not sure it's related or not.  Is there anything wrong in my code?

 Regards,

Yukiko

[Pavithra Subramaniyam]

Hi Yukiko, 

Thanks for contacting Syncfusion support. 

We have validated your query. While setting width in percentage the element always try to adopt within its parent element. So we suggest you to set columns value in pixels. So The scrollbar will be rendered while columns width exceeds the grid element width. 

Please find the below sample for your reference. 

Sample: https://stackblitz.com/edit/angular-mat-dialog-145006-oa8zyq?file=app%2Fexample%2Fexample-dialog%2Fexample-dialog.component.html 

Please get back to us if you need further assistance. 

 

Regards, 

Pavithra S.