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

Grid not working after resize columns

3 Answers 229 Views

Grid

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

gishac asked on 31 Jan 2011, 07:58 AM

gridOK.png

calendarFilterWrong.png

filterWrong.png

Hi, please I need help with ths scenario:
I have a radgrid with AutoGenerateColumns=true, the Filters are enabled, also allow resize columns. At the beginning the grid fits the screen width, but after I do some resize in the columns (causing overflow in the screen and scroll appears) all the columns that appears after the scroll begins lost all functionality (drag n drop, the filters appears in wrong positions in the screen), this is weird, and makes the grid a complete disaster, please how can I fix this issue!. You can find screenshots.

Using Q1 2010

Thanks in advance.

3 Answers, 1 is accepted

answered on 31 Jan 2011, 08:03 AM

Here is the source of the grid

<telerik:RadGrid ID="gridData" runat="server" AllowPaging="true" AutoGenerateColumns="true"

GridLines="Both" BorderStyle="None" Skin="Office2007" Width="100%" OnNeedDataSource="gridData_NeedDataSource"

PageSize="100" ShowGroupPanel="true" OnItemCreated="gridData_ItemCreated" OnItemDataBound="gridData_ItemDataBound"

OnDataBound="gridData_DataBound" OnPreRender="gridData_PreRender"

AllowFilteringByColumn="True" EnableViewState="False"

oncolumncreated="gridData_ColumnCreated"

oncolumncreating="gridData_ColumnCreating">

<GroupPanel Text="Arrastre una cabecera de columna hacia ésta barra para agrupar">

</GroupPanel>

<MasterTableView GridLines="Both" ShowGroupFooter="true" TableLayout="Fixed"

EnableViewState="False">

<HeaderStyle Width="100%" />

<RowIndicatorColumn>

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

</RowIndicatorColumn>

<ExpandCollapseColumn>

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

</ExpandCollapseColumn>

</MasterTableView>

<ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True"

AllowColumnHide="false">

<Selecting AllowRowSelect="True"></Selecting>

<Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True"

ResizeGridOnColumnResize="true"></Resizing>

</ClientSettings>

<GroupingSettings ShowUnGroupButton="true" GroupContinuedFormatString="... continuación del grupo de la página anterior. "

GroupContinuesFormatString=" El grupo continúa en la siguiente página." GroupSplitDisplayFormat="Mostrando {0} de {1} items."

UnGroupButtonTooltip="Click aquí para remover grupo" UnGroupTooltip="Arrastre fuera de la barra para remover grupo"

CaseSensitive="false" />

</telerik:RadGrid>

answered on 31 Jan 2011, 08:20 AM

error.png

Ok, the case is even worst, I did some test because I use the feature of save and restore user settings, and after store the columns resized by the user (me), the grid behaves xtremely weird. I tried to drag the columns in theaarea after the scroll begins (yes, these columns are my problem), the grid cause a double scroll (this is not the worst), and the column header remains in a "drag state", see the screenshot, please can you provide the best configuration/style/etc to make the grid work as desired:
Auto Generated Columns
Full resizable allowing overflow of the screen
Keep group by (dragging columns header) functionality
The scenario are lots of columns in the grid (the quantity is dynamic)

answered on 03 Feb 2011, 08:46 AM

Hello gishac,

I used your markup in a sample project and edited it in the following way, now it should be rendering correctly.

<telerik:RadGrid ID="gridData" runat="server" AllowPaging="True" BorderStyle="None"

Skin="Office2007" PageSize="100" ShowGroupPanel="True" AllowFilteringByColumn="True"

EnableViewState="False" DataSourceID="SqlDataSource1" AutoGenerateColumns="true">