IsFrozen column

Hello,

When I try to freeze the first 2 columns I get an error message - "Frozen columns should be in grid view area"


<ej:Grid ID="OrdersGrid" runat="server"  Height="500px" AllowScrolling="True" AllowTextWrap="true" AllowResizing="true" IsResponsive="true">
                                            <ScrollSettings Width="800" Height="500"></ScrollSettings> 
                                        <Columns>
                                            <ej:Column Field="OrderID"   HeaderText="OrderID"  IsFrozen="true"    />                                            
                                            <ej:Column Field="CustomerID" HeaderText="Customer ID" Width="90" IsFrozen="true" />
                                            <ej:Column Field="ShipCity"  HeaderText="Ship City" Width="90" />
                                            <ej:Column Field="OrderDate"  HeaderText="Order Date" TextAlign="Right" Width="100" Format="{0:MM/dd/yyyy}" />
                                            <ej:Column Field="ShipCountry" HeaderText="Ship Country" Width="110" />
                                            <ej:Column Field="EmployeeID"  HeaderText="Emp ID"  TextAlign="Right" Width="90" />
                                        </Columns>
                                       <ClientSideEvents ActionComplete="complete" />
                                    </ej:Grid>


How can I freeze the first two columns in this grid?



Attachment: Test_162dbf60.zip

1 Reply

TS Thavasianand Sankaranarayanan Syncfusion Team April 17, 2018 12:31 PM UTC

Hi David, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and we suspect that you want to render the Grid with frozen columns. We are unable to reproduce the reported issue from our end if we copy paste the code from the provided documentation link.  

But the issue may occur when the scrollSettings width is lesser than the width of frozen column. We have already specify the reason for the alert message in the below documentation link. 


We have prepared a sample based on your given code example and it can be downloadable from the below location. 


Regards, 
Thavasianand S. 


Loader.
Up arrow icon