This is a migrated thread and some comments may be shown as answers.
How can I get ellipsis ... instead of wrapping
3 Answers 898 Views
This is a migrated thread and some comments may be shown as answers.
Richard
Top achievements
Rank 1
Richard asked on 01 Feb 2013, 06:46 PM
I notice that when a value is long and unwrappable and the column is narrow the value is display with ellipsis ... to indicate there is more to see if the column is widened.

Is there a way to have the grid always use ellipsis and not wrap cell content?

INFO LOOKS LIKE
THIS BY DEFAULT

want

INFO LOOKS LIKE ...

Thanks,
Richard

3 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 05 Feb 2013, 11:49 AM
Hello Richard,

In order to achieve this you can use the following CSS: 

.k-grid td{
    white-space: nowrap;
    text-overflow: ellipsis;
}
Regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Mike
Top achievements
Rank 1
answered on 28 Nov 2013, 12:23 PM
This does not work for me. All the text now appears on one line but the size of the grid cell is increased so that it all fits, even though the column has a width set.

Cheers Mike
1
Mike
Top achievements
Rank 1
answered on 28 Nov 2013, 04:09 PM
Solved. I had to add the following.

.k-grid table {
    table-layout: fixed;
}
Cheers Mike
Tags
Grid
Asked by
Richard
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Mike
Top achievements
Rank 1
Share this question
or