How to override clipMode for a specific column

[Amalia Chrysanthakopoulou]

Hello,

I am using a grid that has clipMode set to 'EllipsisWithTooltip' for the whole grid like this:

<ejs-grid [clipMode]="clipMode"></ejs-grid>

and I would like to change clipMode to 'Ellipsis' for specific columns (the ones that have templates).

I have seen that there is also a columns.clipMode so I am guessing that this will override the clipMode that was set at the grid level. However, when I use it nothing changes.

How can I accomplish this?

https://stackblitz.com/edit/syncfusion-grids-xwt2nq?file=src%2Fapp%2Fapp.component.ts

Thank you.

[Aishwarya Rameshbabu]

Hi Amalia,

Greetings from Syncfusion support.

Upon reviewing your inquiry, we have identified that you are experiencing difficulties with configuring tooltips in the Syncfusion Grid. Specifically, you wish to set the clipMode as 'EllipsisWithTooltip' for the entire Grid content, while overriding this setting using the column.clipMode property for certain columns. However, you are encountering issues with this configuration. According to the provided sample, it appears you are utilizing an older version of the Syncfusion package. We were unable to replicate the reported issue in the updated version. Therefore, we recommend upgrading your Syncfusion packages to the latest version. Please refer to the provided sample with the updated package and the accompanying video demonstration, which showcases that the tooltip for the 'OrderID' column does not appear, as its clipMode is set to 'Ellipsis'.

Sample: https://stackblitz.com/edit/angular-si68rz-xhzhyi?file=src%2Fapp.component.html,src%2Fapp.component.ts

Video Demonstration: please find in the attachment.  

Regards

Aishwarya R

Attachment: 194289VideoDemo_129be8d3.zip

[Amalia Chrysanthakopoulou]

Thank you, after updating the packages everything works as expected!

[Aishwarya Rameshbabu]

Hi Amalia,

You’re most welcome. Please get back to us if you need any other assistance.

Regards

Aishwarya R