How do I freeze the first column of the grid? I am able to freeze the headers using StationaryMargins="HeaderAndFooter" property. My grid has 31 columns with date as first column. So when the user scrolls horizontally, the date column should remain pinned/pegged so that the user can make out for which date they are seeing the data. I have attached the screenshot of the grid.
Have been struggling for sometime. Really appreciate any help.
Thanks
The grid is designed so that you set the DisplayLayout.UseFixedHeaders = True in conjuction with setting the header for the column you want to have a property of Header.Fixed = True, but as you can read below, it causes issues for some.
http://forums.infragistics.com/forums/p/3438/37409.aspx#37409
Thanks for that lead. I tried using that and my grid went crazy. So do we have any other means or ways to achieve this?
What do you mean "went crazy"? RockCityGhost's post sounded right to me, so I'd suggest we now fix whatever is actually causing the "went crazy".
People are more likely to spot a problem if you post your markup, your code (indicating which event handler it's from) and a screen shot of anything that "went crazy".
Sure. I thought you are already aware of that behaviour. Attached is the screenshot.
The headers are missing. The cells are realigned in an ugly fashion like a brickwall.
Here the ultragrid tag I am using. The properties I used are underlined.
<igtbl:UltraWebGrid runat="server" ID="MyWebGrid" Height="500px" Width="100%">
<Bands>
<igtbl:UltraGridBand>
<AddNewRow View="NotSet" Visible="NotSet">
</AddNewRow>
<RowEditTemplate />
<RowTemplateStyle BackColor="White" BorderColor="White" BorderStyle="Ridge">
<BorderDetails WidthBottom="3px" WidthLeft="3px" WidthRight="3px" WidthTop="3px" />
</RowTemplateStyle>
<Columns>
<igtbl:UltraGridColumn AllowUpdate="No">
<HeaderStyle BackColor="LightGray" />
<CellStyle BackColor="#E0E0E0">
</CellStyle>
<Header Caption="Date,day" Title="Date,day" Fixed="true">
</Header>
</igtbl:UltraGridColumn>
</Columns>
</igtbl:UltraGridBand>
</Bands>
<DisplayLayout SelectTypeCellDefault="Extended" AllowRowNumberingDefault="NotSet" BorderCollapseDefault="Separate" Name="ctl00xMROWebGrid" RowHeightDefault="20px"
SelectTypeRowDefault="Extended" Version="4.00" AllowColumnMovingDefault="OnServer" StationaryMargins="Header" UseFixedHeaders="true" AllowUpdateDefault="Yes" SelectTypeColDefault="Single" TableLayout="Fixed" AllowColSizingDefault="Free" Section508Compliant="True" ColFootersVisibleDefault="Yes" JavaScriptFileName="" >
<FrameStyle Cursor="Default" BorderWidth="1px" Width="100%" Height="250px"
BorderStyle="Solid">
<ClientSideEvents MouseUpHandler="GridClick" ClipboardError="Grid_OnClipboardError"
CellChangeHandler="CellChange" InitializeLayoutHandler="Grid_InitializeLayout"/>
<ActivationObject BorderColor="Black" BorderWidth="">
<BorderDetails WidthLeft="0px" WidthRight="0px" />
</ActivationObject>
<FooterStyleDefault BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
<BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />
</FooterStyleDefault>
<RowStyleDefault BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt">
<Padding Left="3px" />
<BorderDetails ColorLeft="White" ColorTop="White" />
</RowStyleDefault>
Font-Size="8pt" Font-Names="Verdana" BorderWidth="1px">
<Padding Left="3px" Right="3px" />
<BorderDetails WidthLeft="0px" WidthTop="0px" />
</RowAlternateStyleDefault>
<FilterOptionsDefault>
<FilterHighlightRowStyle BackColor="#151C55" ForeColor="White">
</FilterHighlightRowStyle>
<FilterDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px" CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif" Font-Size="11px" >
<Padding Left="2px" />
</FilterDropDownStyle>
<FilterOperandDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid"
BorderWidth="1px" Font-Names="Verdana,Arial,Helvetica,sans-serif"
Font-Size="11px">
</FilterOperandDropDownStyle>
</FilterOptionsDefault>
<HeaderStyleDefault BorderStyle="Solid" HorizontalAlign="Center" BackColor="LightGray">
</HeaderStyleDefault>
<EditCellStyleDefault CssClass="EditStyle" Height="19px" BackColor="#CCFFFF" BorderStyle="None" Font-Names="Trebuchet MS,Verdana,Arial,sans-serif" Font-Size="9pt">
</EditCellStyleDefault>
<AddNewBox>
<BoxStyle BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
</BoxStyle>
</AddNewBox>
</igtbl:UltraWebGrid>
asairam said:Sure. I thought you are already aware of that behaviour.
I'm just a developer like you, who's been here a little bit longer.
asairam said:The headers are missing.
Before you added the FixedHeaders tags, what did your column headers look like and from where were they generated?
asairam said:cells are realigned in an ugly fashion like a brickwall.
Look at the differences between your <RowStyleDefault> and <RowAlternateStyleDefault> tags. (And their sub-tags.) I see a couple of differences that might impact column alignment.
Hey, for me the actual cause of such misalignment is presence of master page. I have found this after lot of struggle. Infragistics should test their controls in pages with master page. Everything was working in place when I remove the masterpage from that page. Hope this helps.
Please help me actually its urget
Hey i m having the same problem and i have set these property but in this case rest of the colums data is miss aligned with the headers. Rest of the columns means which are now being scrolled . Please help me.
Did you set both:
If that doesn't help, I'd suggest you post your markup and your code.
When I use UseFixedHeaders=true, it looks good. But when I scroll horizontally all the headers are fixed. I need only the first column header should be fixed and the remaining has to move along with the data. Please help me.