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

Filter Control not appearing properly in RadGrid

1 Answer 209 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Neha
Top achievements
Rank 1
Neha asked on 08 Mar 2011, 05:19 PM
Hi,

I am using Rad Grid Resizing-AllowColumnResize="true" and  AllowFilteringByColumn="true" Property together. Also have AllowScroll="True"  When I Resizing-AllowColumnResize="false" grid display correctly with proper column width. but  
we need to allow Column Resize and Filter Option together with correct appearance of grid. Not sure how to fix appearance of cutting filter column.

Attaching here screenshot and pasting code for grid.

Thanks,

<telerik:RadPageView runat="server" ID="radPageViewResults" BorderColor="#666666"
                               BorderWidth="1px" Width="1000px">
                               <telerik:RadGrid ID="radGridActivityResult" runat="server" AutoGenerateColumns="False"
                                   Width="960px" GroupingEnabled="true" ShowGroupPanel="true" OnNeedDataSource="radPageViewResults_NeedDataSource1"
                                   AllowSorting="true" Style="table-layout:fixed;" AllowFilteringByColumn="true">
                                   <ExportSettings ExportOnlyData="true" IgnorePaging="true" OpenInNewWindow="true">
                                       <Excel Format="ExcelML" />
                                   </ExportSettings>
                                   <ClientSettings AllowColumnsReorder="True" ColumnsReorderMethod="Reorder" ReorderColumnsOnClient="True"
                                       AllowDragToGroup="True" Resizing-AllowColumnResize="true">
                                       <Animation AllowColumnReorderAnimation="True" AllowColumnRevertAnimation="True" />
                                   </ClientSettings>
                                   <MasterTableView AllowMultiColumnSorting="True" TableLayout="Auto" EnableHeaderContextMenu="true">
                                       <Columns>
                                           <telerik:GridBoundColumn HeaderText="Bill to Acct" DataField="StartMove.BillTo" UniqueName="BilltoAcct"
                                               Display="False" FilterControlAltText="Filter BilltoAcct column">
                                           </telerik:GridBoundColumn>
                                           <telerik:GridBoundColumn HeaderText="Chassis ID" DataField="StartMove.ChassisNumber"
                                               UniqueName="ChassisID" FilterControlAltText="Filter ChassisID column">
                                           </telerik:GridBoundColumn>
                                           <%--  <telerik:GridBoundColumn HeaderText="Equipment Group" DataField="EqupGroup" UniqueName="EqupGroup"
                                           Display="False" FilterControlAltText="Filter EqupGroup column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText="Equipment Type" DataField="EqupType" UniqueName="EqupType"
                                           Display="False" FilterControlAltText="Filter EqupType column">
                                       </telerik:GridBoundColumn>--%>
                                           <telerik:GridBoundColumn HeaderText="Cycle Days" DataField="CycleDays" UniqueName="CycleDays"
                                               FilterControlAltText="Filter CycleDays column">
                                           </telerik:GridBoundColumn>
                                           <%--<telerik:GridBoundColumn HeaderText="Billable Days" DataField="StartMove.Billable" UniqueName="BillableDays"
                                           FilterControlAltText="Filter BillableDays column">
                                       </telerik:GridBoundColumn>--%>
                                           <%--<telerik:GridBoundColumn HeaderText="Billing Posted" DataField="StartMove.BillingComplete" UniqueName="BillingPosted"
                                           Display="False" FilterControlAltText="Filter BillingPosted column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText=" Region" DataField="OnRegion" UniqueName="OnRegion"
                                           Display="False" FilterControlAltText="Filter OnRegion column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText=" Area" DataField="OnArea" UniqueName="OnArea"
                                           Display="False" FilterControlAltText="Filter OnArea column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText=" Location" DataField="OnLocation" UniqueName="OnLocation"
                                           FilterControlAltText="Filter OnLocation column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText=" City" DataField="OnCity" UniqueName="OnCity"
                                           Display="False" FilterControlAltText="Filter OnCity column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText=" State" DataField="OnState" UniqueName="OnState"
                                           Display="False" FilterControlAltText="Filter OnState column">
                                       </telerik:GridBoundColumn>--%>
                                           <telerik:GridBoundColumn HeaderText="Origin EventType" DataField="StartMove.Status"
                                               UniqueName="OnEventType" Display="False" FilterControlAltText="Filter OnEventType column">
                                           </telerik:GridBoundColumn>
                                           <telerik:GridBoundColumn HeaderText="Origin DateTime" DataField="StartMove.MoveDate"
                                               UniqueName="OnDateTime" FilterControlAltText="Filter OnDateTime column">
                                           </telerik:GridBoundColumn>
                                           <%--<telerik:GridBoundColumn HeaderText=" Week" DataField="OnWeek" UniqueName="OnWeek"
                                           Display="False" FilterControlAltText="Filter OnWeek column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText=" Calendar" DataField="OnCalendar" UniqueName="OnCalendar"
                                           Display="False" FilterControlAltText="Filter OnCalendar column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText=" Rate" DataField="OnRate" UniqueName="OnRate"
                                           Display="False" FilterControlAltText="Filter OnRate column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText=" TimeZone" DataField="OnTimeZone" UniqueName="OnTimeZone"
                                           Display="False" FilterControlAltText="Filter OnTimeZone column">
                                       </telerik:GridBoundColumn>--%>
                                           <telerik:GridBoundColumn HeaderText="Origin ContainerID" DataField="StartMove.ContainerId"
                                               UniqueName="OnContainerID" FilterControlAltText="Filter OnContainerID column">
                                           </telerik:GridBoundColumn>
                                           <telerik:GridBoundColumn HeaderText="Origin TruckerSCAC" DataField="StartMove.Trucker"
                                               UniqueName="OnTrcukerSCAC" FilterControlAltText="Filter OnSCAC column">
                                           </telerik:GridBoundColumn>
                                           <telerik:GridBoundColumn HeaderText="Origin ContainerSize" DataField="StartMove.ContaineSize"
                                               UniqueName="OnContaineSize" Display="False" FilterControlAltText="Filter OnContaineSize column">
                                           </telerik:GridBoundColumn>
                                           <telerik:GridBoundColumn HeaderText="Origin Booking No." DataField="StartMove.BookingNumber"
                                               UniqueName="OnBooking" Display="False" FilterControlAltText="Filter OnBooking column">
                                           </telerik:GridBoundColumn>
                                           <%--<telerik:GridBoundColumn HeaderText="Origin BillOfLading" DataField="StartMove.OnBillOfLading" UniqueName="OnBillOfLading"
                                           Display="False" FilterControlAltText="Filter OnBillOfLading column">
                                       </telerik:GridBoundColumn>--%>
                                           <telerik:GridBoundColumn HeaderText="Origin UsingLine" DataField="StartMove.ChassisUsingLine"
                                               UniqueName="OnUsingLine" FilterControlAltText="Filter OnUsingLine column">
                                           </telerik:GridBoundColumn>
                                           <%--<telerik:GridBoundColumn HeaderText=" CustomerCode" DataField="OnCustomerCode" UniqueName="OnCustomerCode"
                                           Display="False" FilterControlAltText="Filter OnCustomerCode column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText=" Merchant Haulage" DataField="OnMerchantHaulage"
                                           UniqueName="OnMerchantHaulage" FilterControlAltText="Filter OnMerchantHaulage column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText=" Import Export" DataField="OnImportExport" UniqueName="OnImportExport"
                                           Display="False" FilterControlAltText="Filter OnImportExport column">
                                       </telerik:GridBoundColumn>--%>
                                           <%--<telerik:GridBoundColumn HeaderText="Dest Region" DataField="OffRegion" UniqueName="OffRegion"
                                           Display="False" FilterControlAltText="Filter OffRegion column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText="Dest Area" DataField="OffArea" UniqueName="OffArea"
                                           Display="False" FilterControlAltText="Filter OffArea column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText="Dest Location" DataField="OffLocation" UniqueName="OffLocation"
                                           FilterControlAltText="Filter OffLocation column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText="Dest City" DataField="OffCity" UniqueName="OffCity"
                                           Display="False" FilterControlAltText="Filter OffCity column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText="Dest State" DataField="OffState" UniqueName="OffState"
                                           Display="False" FilterControlAltText="Filter OffState column">
                                       </telerik:GridBoundColumn>--%>
                                           <telerik:GridBoundColumn HeaderText="Dest. EventType" DataField="EndMove.Status"
                                               UniqueName="OffEventType" Display="False" FilterControlAltText="Filter OffEventType column">
                                           </telerik:GridBoundColumn>
                                           <telerik:GridBoundColumn HeaderText="Dest. DateTime" DataField="EndMove.MoveDate"
                                               UniqueName="OffDateTime" FilterControlAltText="Filter OffDateTime column">
                                           </telerik:GridBoundColumn>
                                           <%-- <telerik:GridBoundColumn HeaderText="Dest Week" DataField="OffWeek" UniqueName="OffWeek"
                                           Display="False" FilterControlAltText="Filter OffWeek column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText="Dest Calendar" DataField="OffCalendar" UniqueName="OffCalendar"
                                           Display="False" FilterControlAltText="Filter OffCalendar column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText="Dest Rate" DataField="OffRate" UniqueName="OffRate"
                                           Display="False" FilterControlAltText="Filter OffRate column">
                                       </telerik:GridBoundColumn>
                                       <telerik:GridBoundColumn HeaderText="Dest TimeZone" DataField="OffTimeZone" UniqueName="OffTimeZone"
                                           Display="False" FilterControlAltText="Filter OffTimeZone column">
                                       </telerik:GridBoundColumn>--%>
                                           <telerik:GridBoundColumn HeaderText="Dest. ContainerID" DataField="EndMove.ContainerId"
                                               UniqueName="OffContainerID" FilterControlAltText="Filter OffContainerID column">
                                           </telerik:GridBoundColumn>
                                           <telerik:GridBoundColumn HeaderText="Dest. SCAC" DataField="EndMove.Trucker" UniqueName="OffSCAC"
                                               FilterControlAltText="Filter OffSCAC column">
                                           </telerik:GridBoundColumn>
                                           <telerik:GridBoundColumn HeaderText="Dest.ContainerSize" DataField="EndMove.ContainerSize"
                                               UniqueName="OffContaineSize" Display="False" FilterControlAltText="Filter OffContaineSize column">
                                           </telerik:GridBoundColumn>
                                           <telerik:GridBoundColumn HeaderText="Dest. Booking No." DataField="EndMove.BookingNumber"
                                               UniqueName="OffBooking" Display="False" FilterControlAltText="Filter OffBooking column">
                                           </telerik:GridBoundColumn>
                                           <%--<telerik:GridBoundColumn HeaderText="Dest BillOfLading" DataField="OffBillOfLading"
                                           UniqueName="OffBillOfLading" Display="False" FilterControlAltText="Filter OffBillOfLading column">
                                       </telerik:GridBoundColumn>--%>
                                           <telerik:GridBoundColumn HeaderText="Dest. UsingLine" DataField="EndMove.ChassisUsingLine"
                                               UniqueName="OffUsingLine" Display="False" FilterControlAltText="Filter OffUsingLine column">
                                           </telerik:GridBoundColumn>
                                       </Columns>
                                       <NestedViewSettings DataSourceID="">
                                           <ParentTableRelation>
                                               <telerik:GridRelationFields DetailKeyField="EventID" MasterKeyField="ActivityID" />
                                           </ParentTableRelation>
                                       </NestedViewSettings>
                                       <NestedViewTemplate>
                                           <asp:Panel ID="NestedViewPanel" runat="server" CssClass="viewWrap">
                                               <fieldset style="padding: 10px;">
                                                   <legend style="padding: 5px;"><b>Event Details</b></legend>
                                                   <telerik:RadGrid ID="radGridEvent" runat="server" AutoGenerateColumns="false" DataSourceID="">
                                                       <ExportSettings ExportOnlyData="true" IgnorePaging="true" OpenInNewWindow="true">
                                                       </ExportSettings>
                                                       <MasterTableView DataKeyNames="EventID" TableLayout="Auto" EnableHeaderContextMenu="true"
                                                           CommandItemDisplay="TopAndBottom">
                                                           <Columns>
                                                               <telerik:GridBoundColumn HeaderText="Chassis ID" DataField="ChassisID" UniqueName="ChassisID">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Region" DataField="OnRegion" UniqueName="OnRegion"
                                                                   Display="False">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Area" DataField="OnArea" UniqueName="OnArea"
                                                                   Display="False">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Location" DataField="OnLocation" UniqueName="OnLocation">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="City" DataField="OnCity" UniqueName="OnCity">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="State" DataField="OnState" UniqueName="OnState">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="DateTime" DataField="OnDateTime" UniqueName="OnDateTime">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="TimeZone" DataField="OnTimeZone" UniqueName="OnTimeZone">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="ContainerID" DataField="OnContainerID" UniqueName="OnContainerID">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Event Type" DataField="OnEventType" UniqueName="OnEventType">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Trucker SCAC" DataField="OnSCAC" UniqueName="OnSCAC">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Trucker Name" DataField="TruckerName" UniqueName="TruckerName">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Using Line" DataField="OnUsingLine" UniqueName="OnUsingLine">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="InterChange No" DataField="InterChangeNo" UniqueName="InterChangeNo"
                                                                   Display="false">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="BookingNo" DataField="BookingNo" UniqueName="BookingNo">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Bill of Lading" DataField="BillOfLading" UniqueName="BillOfLading">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Licence Number" DataField="LicenceNo" UniqueName="LicenceNo"
                                                                   Display="False">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Event Applied" DataField="EventApplied" UniqueName="EventApplied"
                                                                   Display="False">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Original System" DataField="OrigSystem" UniqueName="OrigSystem"
                                                                   Display="False">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Comment" DataField="Comment" UniqueName="Comment"
                                                                   Display="False">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Data Input Date" DataField="DataInuptDate" UniqueName="DataInuptDate"
                                                                   Display="False">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Last Update Date" DataField="UpdateDate" UniqueName="UpdateDate"
                                                                   Display="False">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Last Update User" DataField="UpdateUser" UniqueName="UpdateUser"
                                                                   Display="False">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Pool" DataField="Pool" UniqueName="Pool" Display="False">
                                                               </telerik:GridBoundColumn>
                                                               <telerik:GridBoundColumn HeaderText="Movement Number" DataField="MovementNumber"
                                                                   UniqueName="MovementNumber" Display="False">
                                                               </telerik:GridBoundColumn>
                                                           </Columns>
                                                           <CommandItemSettings ShowRefreshButton="false" ShowAddNewRecordButton="false" ShowExportToCsvButton="true"
                                                               ShowExportToExcelButton="true" ShowExportToPdfButton="true" />
                                                       </MasterTableView>
                                                   </telerik:RadGrid>
                                               </fieldset>
                                           </asp:Panel>
                                       </NestedViewTemplate>
                                   </MasterTableView>
                                   <ClientSettings>
                                       <Scrolling AllowScroll="True" SaveScrollPosition="True" ScrollHeight="500px"></Scrolling>
                                   </ClientSettings>
                               </telerik:RadGrid>

1 Answer, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 08 Mar 2011, 05:37 PM
Hi Neha,

Try setting the FilterControlWidth property of the columns (as shown in this demo) or set the widths of the filter controls programmatically as illustrated here.

Give this suggestion a try and let me know how it goes.

All the best,
Pavlina
the Telerik team
Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
Tags
Grid
Asked by
Neha
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or