How to set width and scroll on frozen columns

Hi Syncfusion Team,

I'm using frozenColumns property to build a feature. By default, the box of frozen columns(image) can't scroll. When the content is too long, the text is ellipsis. In my project, this content is important, I want to show full content, so I need to make the box of frozen able to scroll.

How to implement it.
Thanks.


3 Replies 1 reply marked as answer

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team July 14, 2022 02:43 PM UTC

Hi Ton That Hung,


Query#:- In my project, this content is important, I want to show full content, so I need to make the box of frozen able to scroll.


In EJ2 TreeGrid, we have rendered frozen columns in separate tables. It has a fixed width and it is un-scrollable. We can scroll only the movable columns of the TreeGrid.


To achieve your requirement,(show full content of the column), we suggest to use autoFitColumns method of the TreeGrid which shows the content without wrapping/hiding.


Documentation link:- https://ej2.syncfusion.com/react/documentation/treegrid/columns/#autofit-specific-columns

https://ej2.syncfusion.com/react/documentation/api/treegrid/#autofitcolumns


Sample link:- https://stackblitz.com/edit/react-txa8go-p27kmx?file=index.js,data.js


Otherwise, you can use clipMode property of columns with EllipsisWithTooltip to show the content on Tooltip on Hover.

https://ej2.syncfusion.com/react/documentation/treegrid/cell/#clip-mode


Please get back to us if you need any further assistance.


Regards,

Farveen sulthana T


Marked as answer

TT Ton That Hung July 15, 2022 09:34 AM UTC

Great, thanks for your solution.



FS Farveen Sulthana Thameeztheen Basha Syncfusion Team July 19, 2022 04:38 AM UTC

Hi Ton That Hung,


Thanks for your update. Please get back to us if you need any further assistance. We are happy to assist you.


Regards,

Farveen sulthana T


Loader.
Up arrow icon