View Full Version : ellipsis(text-overflow) Not working for grid

01-28-2011, 10:50 AM
We are trying to truncate the text in one column of the grid.We have given a fixed width to the grid and applied a text-overflow:ellipsis property to the column.

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<style type="text/css">
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('assets/xml/ellipsis.xml#ellipsis');

We have created a ellipsis class to truncate the text.
This class is called from the itemstyle of the grid column.
<telerik:GridBoundColumn EmptyDataText="&amp;nbsp;" HeaderText="text">
<HeaderStyle />
<ItemStyle CssClass="ellipsis" />

We have tested this in IE6/7 but its not working.