Another approach is to show a Tooltip on hover of the cell (similar example is available in Tooltip in Grid knowledge base article). One option would be to use a Window component and handle some of the Grid events to display it ( OnRowClick, OnRowDoubleClick).
#AG GRID TEXT OVERFLOW ELLIPSIS FULL#
To cover such scenario, you can display the full content in a separate container. If, however, the content is too long, the user should resize a lot in order to see the cell content. You might still want to allow the user to see the whole content, so you can enable the Resizable parameter of the Grid. If you choose to go for the Template approach you should wrap the (context as ).FieldName into a HTML element and add the CSS class to the class attribute of that element. You can achieve the same behavior if you use the Template instead of the OnCellRender event. In order to make that easier you can take advantage of the OnCellRender event that the component exposes. In order to prevent the Grid from wrapping the text in multiple lines you can use CSS and target the HTML tags, which contain the data.
I would like to prevent that from happening and show the maximum amount of text depending on the column width and after that put an ellipsis (.). One of my columns contains a long text, like a description and the Grid wraps it in multiple lines. I am using the TelerikGrid component for Blazor. Download free 30-day trial Prevent the Grid from wrapping text in multiple lines and show ellipsis Environment Product
0 kommentar(er)
