This is a migrated thread and some comments may be shown as answers.

Text Overflow Issue

2 Answers 309 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Rhonda
Top achievements
Rank 1
Rhonda asked on 27 Jun 2012, 03:51 PM

The text in my radgrid is bleeding into the next field. I have tried fixing the issue using CSS, but, I'm not getting the desired results. Here is my code.
<script type="text/css">
.RadGrid .rgHeader, 

.RadGrid .rgEditRow td,

.RadGrid .rgRow td,

.RadGrid .rgAltRow td

{

white-space : nowrap !important;

overflow : hidden !important;

text-overflow : ellipsis !important;

table-layout : fixed !important;

}

</script>

 

<telerik:RadScriptManager ID="ScriptManagerAggressiveMatches" runat="server" EnableTheming="True">

 </telerik:RadScriptManager>

 

<telerik:RadGrid ID="RadGridAggressiveMatches" runat="server" DataMember="Aggressive Members" AutoGenerateEditColumn="True" GridLines="None" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" ShowFooter="True" Skin="Office2007" PageSize="50">

<ItemStyle Width="20px" />

<PagerStyle Mode="NumericPages" NextPageText="Next" PrevPageText="Previous" />

<MasterTableView Width="98%" TableLayout="Fixed">

<
RowIndicatorColumn>
<HeaderStyle Width="20px"></HeaderStyle>  

</RowIndicatorColumn

<
ExpandCollapseColumn>

 <HeaderStyle Width="20px"></HeaderStyle>

 </ExpandCollapseColumn>

 

 </MasterTableView
 

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">

<Selecting AllowRowSelect="True" />  

<Scrolling AllowScroll="True" UseStaticHeaders="True" />
</ClientSettings
 

<FilterMenu EnableTheming="True">  

<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>  

</FilterMenu>

</telerik:RadGrid>

 



2 Answers, 1 is accepted

Sort by
0
Marin
Telerik team
answered on 02 Jul 2012, 12:42 PM
Hello,

 You can have a look at the following help topic which explains how you can truncate the text in the grid's cells:
http://www.telerik.com/community/forums/aspnet-ajax/grid/wraping-of-text-in-table-cell.aspx 

All the best,
Marin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Jayesh Goyani
Top achievements
Rank 2
answered on 02 Jul 2012, 12:44 PM
Hello,

Also check below link.
how to wrap text in radgrid's column or label without space

Thanks,
Jayesh Goyani
Tags
Grid
Asked by
Rhonda
Top achievements
Rank 1
Answers by
Marin
Telerik team
Jayesh Goyani
Top achievements
Rank 2
Share this question
or