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>