Is there any way to configure the igTreeGrid to scroll horizontally?
We are only using a single column in most of our implementations and need the control to scroll horizontally when the user expands the hierarchy. At the moment, the cell wraps, which looks terrible.
We have tried specifying fixed pixel widths throughout (containing div, grid, and column), but that does not address the issue.
Hello Lance,
A horizontal scroll will appear in your case if you set the column's width to be more than the whole grid's width on initialization.
It is the grid's regular behavior to wrap the text if it cannot fit in the column.
Feel free to contact me if you have further questions.
Regards,Ivaylo HubenovEntry-level developer
Ok, but the treegrid needs to be set to 100% width to ensure it is as usable as possible. Does your reply mean we can set the treegrid width to 99% and the column width to 100%?
Can you please provide a working example showing how this would work?
If width is set to "100%", that means it is equal to window.innerWidth. You can set the igGrid's width to "100%" and the column's to: window.innerWidth + 200 + "px" (for example).
I have attached a sample, demonstrating how this is done.
Please feel free to contact me if you have further questions.