ASPxGridView - How to display truncated text in a resizable column (using CSS)

This example demonstrates how to display truncated text in a resizable ASPxGridView column and show a full value as a tool tip.

1) Apply the following CSS class to column cells:

[CSS]
.truncated{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

[ASPx]
<dx:GridViewDataTextColumnFieldName="Description"VisibleIndex="2"><CellStyleCssClass="truncated"></CellStyle></dx:GridViewDataTextColumn>

2) Handle the ASPxGridView.HtmlDataCellPrepared event to set tool tips for the same DataCell via the e.Cell.ToolTip property.

See Also:
ASPxGridView - How to display a truncated text in a column