Tree Grid row height with combo box inside ng-template

[Cesar Smerling]

Hi, I want to set the row height to 25 of the rows in the tree grid. I was able to do it setting the [rowHeight] property, but I have some columns that are templated (ng-template #template) with textbox, numeric box and combobox and the height of the row is set as the height of the combo.

1) How can a reduce the size of the combo box to fit the row height of the grid?

I tried with [cssClass] in the combos setting the height in css. The combo reduces the height and the row too but when I tried to select and item of the combo the dropdown list is small with scroll bar and it's not expand to show all the items of the combo.

I share some screenshots, the first one is without setting the height and the second is the height setted for combo with cssClass.

Thanks

Attachment: screenshots_116d708b.zip

[Gowri Loganathan]

  

  

Hi Cesar, 

Thanks for contacting Syncfusion Support. 

Query: Tree Grid row height with combo box inside ng-template

From the screenshot shared we suspect that you want to make the comboxbox height as like the treegrid row height but when on using customCSS for combobox you are unable to select the list data from that combobox, but we are unable to reproduce the reported issue at our end.

We have prepared a sample based on the shared screenshot, kindly refer the below sample link,

https://stackblitz.com/edit/angular-cdmhwi-wtexme 

 

If we misunderstood your query, please get back to us with the below details which will be more helpful for us to proceed further. 

1. Share us the customCSS that you have used for combobox.
2. Explain your requirement in detail.

 

Regards, 

Gowri V L 

 

[Cesar Smerling]

Hi!

With the customCss class setting the height I managed to get it working

Thanks

[Gowri Loganathan]

Hi Cesar, 

We are happy to hear that your issue has been resolved. 

Please get back to us, if you need more assistance. 

Regards, 

Gowri V L