Horizontal scroll bar

Question

Hi

I have dynamic columns in my tree grid and there could be any number of columns ranging from 12 to 60+. however, when ever i create columns, instead of creating horizontal scroll bar. it fits everything in screen.

I have my tree grid's width set to 100% and i have given each dynamic column width as 90. Even though setting up the width for each column. why does it try to fit everything in one screen.

Manivannan Padmanaban · Accepted Answer

Hi Parth, 

Greetings from Syncfusion Support. 

By default, when the sum of columns width exceeds the grid element width then the horizontal scrollbar will appears. And we are unable to reproduce the reported issue at our end, Please refer to the sample link below. 
https://stackblitz.com/edit/angular-ktyk4x-iehnyt 

  

Still facing an issue, please get back to us with the below details. 

Share you screen resolution
Share the complete tree grid rendering code.
Confirm whether are you using any custom css. If yes, please share those details.
If possible, reproduce the reported issue in the shared sample Or share the issue reproducible sample.

Provided details, will help us to resolve the reported issue as early as possible. 

Regards, 
Manivannan Padmanaban

PDev · Answer

Thanks I think for me taking out grid from one of the table on the page did the trick. and i just put it inside the control-section div.

Farveen Sulthana Thameeztheen Basha · Answer

Hi Parth,  

Thanks for your update. Please get back to us if you need any further assistance on it. 

Regards, 
Farveen sulthana T