I am using igx-grid in my app. Grid has multiple rows. A scrollbar appears for a single row and not for multiple rows, it is suposed to be opposite. I have set max-height for igx-tbody but still it is same. How to get it fixed.
As the image shows below, multiple lines has no scrollbar.
Whereas, this single row appears with a scrollbar.
Hello Minakshi,
Thank you for posting on our forums.
The grid's scrollbar will always appear when the sum of all rows height property is more than the grid's height property. While you may have not set specific ones, maybe some of the properties set in css will be causing this.
For instance, if the font of your row is 14, there will be certain minimum that row will be taking. This can cause a row to be taking more than the default rowHeight , causing the scrollbar to appear even for a single row.
Easiest solution in such cases would be to set the rowHeight property to be meeting the required minimum.
I have prepared a sample for you to check here:
https://stackblitz.com/edit/grid-scrollbar-singlerow?file=src%2Fapp%2Fgrid%2Fgrid-paging-sample%2Fgrid-paging-sample.component.html
You can uncomment the extra data entries, to have more than one row, so you can see that regardless of the number of records, the scrollbar will not show.
This is as far as I can get with no code, so in case you need further assistance, please use the sample on stackblitz I have sent, modify it and send it back with the behavior you are experiencing, so I can investigate further.
Sincerely,Tihomir TonevAssociate Software DeveloperInfragistics
Thanks for your support.