AutoGenericColumns True, Filter control wrapping

[Peter]

The Filter row is word wrapping.  Since I am using AutoGenerateColumns, why doesn't it handle this automatically?  I tried setting the Filter and EditForms Filter styles wrap to False, but it didn't help.

I have attached a screen shot.

Here is my code:

<telerik:RadGrid ID="dgData" runat="server" AllowFilteringByColumn="true" AllowSorting="True" AutoGenerateColumns="True" Skin="Web20" PageSize="500" GridLines="None" Width="945px" AllowPaging="True" TabIndex="-1" EnableEmbeddedSkins="true" OnBiffExporting="RadGrid_BiffExporting" Visible="false" HeaderStyle-Wrap="false">
    <PagerStyle Position="Bottom" Mode="NumericPages" PageButtonCount="10" AlwaysVisible="true" />
    <ClientSettings>
        <Scrolling AllowScroll="True" ScrollHeight="350px" UseStaticHeaders="true"></Scrolling>
        <Resizing ResizeGridOnColumnResize="True" ClipCellContentOnResize="False" />
    </ClientSettings>
    <MasterTableView AllowMultiColumnSorting="True" EnableNoRecordsTemplate="False" GridLines="Vertical" DataKeyNames="ID">
    </MasterTableView>
</telerik:RadGrid>

[Princy]

Hi Peter,

Please try the following CSS class:

CSS:

<style type="text/css">
  div.RadGrid .rgFilterRow td
  {
      padding-right: 20px;
  }
</style>

Thanks,
Princy

[Peter]

Thanks this worked better:

.rgFilterRow td
{
    padding-right: 50px !important;
    white-space: nowrap !important;
}