Grid

Controls

All Controls

Grid

Rate this demo

Thank you for your post!
Submit a support ticket
If you have an active license or trial, you have access to dedicated support from Telerik’s developers. Response time is 24h for active licenses and 72h for trials, Mon-Fri.
Post in the forums
If you don’t have access to support or would like to help other people by sharing your problem, reach out to our active community in the forums.

Grid - Scrolling

RadGrid Scrolling Feature Configurator
ALFKIAlfreds FutterkisteMaria AndersSales RepresentativeObere Str. 57Berlin12209Germany030-0074321030-0076545
ANATRAna Trujillo Emparedados y heladosAna TrujilloOwnerAvda. de la Constitución 2222México D.F.05021Mexico(5) 555-4729(5) 555-3745
ANTONAntonio Moreno TaqueríaAntonio MorenoOwnerMataderos 2312México D.F.05023Mexico(5) 555-3932 
AROUTAround the HornThomas HardySales Representative120 Hanover Sq.LondonWA1 1DPUK(171) 555-7788(171) 555-6750
BERGSBerglunds snabbköpChristina BerglundOrder AdministratorBerguvsvägen 8LuleåS-958 22Sweden0921-12 34 650921-12 34 67
BLAUSBlauer See DelikatessenHanna MoosSales RepresentativeForsterstr. 57Mannheim68306Germany0621-084600621-08924
BLONPBlondesddsl père et filsFrédérique CiteauxMarketing Manager24, place KléberStrasbourg67000France88.60.15.3188.60.15.32
BOLIDBólido Comidas preparadasMartín SommerOwnerC/ Araquil, 67Madrid28023Spain(91) 555 22 82(91) 555 91 99
BONAPBon app'Laurence LebihanOwner12, rue des BouchersMarseille13008France91.24.45.4091.24.45.41
BOTTMBottom-Dollar MarketsElizabeth LincolnAccounting Manager23 Tsawassen Blvd.TsawassenT2F 8M4Canada(604) 555-4729(604) 555-3745
BSBEVB's BeveragesVictoria AshworthSales RepresentativeFauntleroy CircusLondonEC2 5NTUK(171) 555-1212 
CACTUCactus Comidas para llevarPatricio SimpsonSales AgentCerrito 333Buenos Aires1010Argentina(1) 135-5555(1) 135-4892
CENTCCentro comercial MoctezumaFrancisco ChangMarketing ManagerSierras de Granada 9993México D.F.05022Mexico(5) 555-3392(5) 555-7293
CHOPSChop-suey ChineseYang WangOwnerHauptstr. 29Bern3012Switzerland0452-076545 
COMMIComércio MineiroPedro AfonsoSales AssociateAv. dos Lusíadas, 23Sao Paulo05432-043Brazil(11) 555-7647 
CONSHConsolidated HoldingsElizabeth BrownSales RepresentativeBerkeley Gardens 12 BreweryLondonWX1 6LTUK(171) 555-2282(171) 555-9199
DRACDDrachenblut DelikatessenSven OttliebOrder AdministratorWalserweg 21Aachen52066Germany0241-0391230241-059428
DUMONDu monde entierJanine LabruneOwner67, rue des Cinquante OtagesNantes44000France40.67.88.8840.67.89.89
EASTCEastern ConnectionAnn DevonSales Agent35 King GeorgeLondonWX3 6FWUK(171) 555-0297(171) 555-3373
ERNSHErnst HandelRoland MendelSales ManagerKirchgasse 6Graz8010Austria7675-34257675-3426
FAMIAFamilia ArquibaldoAria CruzMarketing AssistantRua Orós, 92Sao Paulo05442-030Brazil(11) 555-9857 
FISSAFISSA Fabrica Inter. Salchichas S.A.Diego RoelAccounting ManagerC/ Moralzarzal, 86Madrid28034Spain(91) 555 94 44(91) 555 55 93
FOLIGFolies gourmandesMartine RancéAssistant Sales Agent184, chaussée de TournaiLille59000France20.16.10.1620.16.10.17
FOLKOFolk och fä HBMaria LarssonOwnerÅkergatan 24BräckeS-844 67Sweden0695-34 67 21 
FRANKFrankenversandPeter FrankenMarketing ManagerBerliner Platz 43München80805Germany089-0877310089-0877451
FRANRFrance restaurationCarine SchmittMarketing Manager54, rue RoyaleNantes44000France40.32.21.2140.32.21.20
FRANSFranchi S.p.A.Paolo AccortiSales RepresentativeVia Monte Bianco 34Torino10100Italy011-4988260011-4988261
FURIBFuria Bacalhau e Frutos do MarLino RodriguezSales ManagerJardim das rosas n. 32Lisboa1675Portugal(1) 354-2534(1) 354-2535
GALEDGalería del gastrónomoEduardo SaavedraMarketing ManagerRambla de Cataluña, 23Barcelona08022Spain(93) 203 4560(93) 203 4561
GODOSGodos Cocina TípicaJosé Pedro FreyreSales ManagerC/ Romero, 33Sevilla41101Spain(95) 555 82 82 
GOURLGourmet LanchonetesAndré FonsecaSales AssociateAv. Brasil, 442Campinas04876-786Brazil(11) 555-9482 
GREALGreat Lakes Food MarketHoward SnyderMarketing Manager2732 Baker Blvd.Eugene97403USA(503) 555-7555 
GROSRGROSELLA-RestauranteManuel PereiraOwner5ª Ave. Los Palos GrandesCaracas1081Venezuela(2) 283-2951(2) 283-3397
HANARHanari CarnesMario PontesAccounting ManagerRua do Paço, 67Rio de Janeiro05454-876Brazil(21) 555-0091(21) 555-8765
HILAAHILARION-AbastosCarlos HernándezSales RepresentativeCarrera 22 con Ave. Carlos Soublette #8-35San Cristóbal5022Venezuela(5) 555-1340(5) 555-1948
HUNGCHungry Coyote Import StoreYoshi LatimerSales RepresentativeCity Center Plaza 516 Main St.Elgin97827USA(503) 555-6874(503) 555-2376
HUNGOHungry Owl All-Night GrocersPatricia McKennaSales Associate8 Johnstown RoadCork Ireland2967 5422967 3333
ISLATIsland TradingHelen BennettMarketing ManagerGarden House Crowther WayCowesPO31 7PJUK(198) 555-8888 
KOENEKöniglich EssenPhilip CramerSales AssociateMaubelstr. 90Brandenburg14776Germany0555-09876 
LACORLa corne d'abondanceDaniel ToniniSales Representative67, avenue de l'EuropeVersailles78000France30.59.84.1030.59.85.11
LAMAILa maison d'AsieAnnette RouletSales Manager1 rue Alsace-LorraineToulouse31000France61.77.61.1061.77.61.11
LAUGBLaughing Bacchus Wine CellarsYoshi TannamuriMarketing Assistant1900 Oak St.VancouverV3F 2K1Canada(604) 555-3392(604) 555-7293
LAZYKLazy K Kountry StoreJohn SteelMarketing Manager12 Orchestra TerraceWalla Walla99362USA(509) 555-7969(509) 555-6221
LEHMSLehmanns MarktstandRenate MessnerSales RepresentativeMagazinweg 7Frankfurt a.M.60528Germany069-0245984069-0245874
LETSSLet's Stop N ShopJaime YorresOwner87 Polk St. Suite 5San Francisco94117USA(415) 555-5938 
LILASLILA-SupermercadoCarlos GonzálezAccounting ManagerCarrera 52 con Ave. Bolívar #65-98 Llano LargoBarquisimeto3508Venezuela(9) 331-6954(9) 331-7256
LINODLINO-DelicatesesFelipe IzquierdoOwnerAve. 5 de Mayo PorlamarI. de Margarita4980Venezuela(8) 34-56-12(8) 34-93-93
LONEPLonesome Pine RestaurantFran WilsonSales Manager89 Chiaroscuro Rd.Portland97219USA(503) 555-9573(503) 555-9646
MAGAAMagazzini Alimentari RiunitiGiovanni RovelliMarketing ManagerVia Ludovico il Moro 22Bergamo24100Italy035-640230035-640231
MAISDMaison DeweyCatherine DeweySales AgentRue Joseph-Bens 532BruxellesB-1180Belgium(02) 201 24 67(02) 201 24 68
Data pager
Data pager
12
Page size:
50
 91 items in 2 pages
This online example demonstrates the capability to make RadGrid columns static when scrolling and static headers are enabled. This is quite useful when you want to make part of the columns data visible at all times for the end users when having horizontal scrollbar for navigation.
To enable this grid functionality, merely set the ClientSettings -> Scrolling -> FrozenColumnsCount property of the control which determines the count of columns (starting from the leftmost column) which will be statically positioned when you drag the horizontal scroll in the grid. This feature is functional with hierarchy/grouping presentation as well.
C# VB
Show code in new window Demo isolation steps
<%@ Page Language="c#" Inherits="Telerik.GridExamplesCSharp.Functionality.Scrolling.Scrolling.DefaultCS"CodeFile="DefaultCS.aspx.cs"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Client-side ASP.NET Grid scrolling functionality | RadGrid demo</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />
    <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />
    <div>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdateInitiatorPanelsOnly="true">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="ConfiguratorPanel">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                        <telerik:AjaxUpdatedControl ControlID="ConfiguratorPanel" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="RadGrid1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>
        <qsf:ConfiguratorPanel ID="ConfiguratorPanel" runat="server" Expanded="true" Title="RadGrid Scrolling Feature Configurator">
            <asp:CheckBox ID="CheckBoxAllowScroll" runat="server" Checked="true" AutoPostBack="True" Text="Allow scroll" OnCheckedChanged="CheckBoxAllowScroll_CheckedChanged"></asp:CheckBox>
            <asp:CheckBox ID="CheckBoxFrozenColumns" runat="server" Checked="true" AutoPostBack="True" Text="Enable\Disable Frozen Columns" OnCheckedChanged="CheckBoxFrozenColumns_CheckedChanged"></asp:CheckBox>
            <asp:CheckBox ID="CheckBoxStaticHeaders" runat="server" Checked="true" Enabled="false" AutoPostBack="True" Text="Use static headers and footers" OnCheckedChanged="CheckBoxStaticHeaders_CheckedChanged"></asp:CheckBox>
            <asp:CheckBox ID="CheckBoxShowHeader" runat="server" AutoPostBack="True" Checked="true" Text="Show header" OnCheckedChanged="CheckBoxShowHeader_CheckedChanged"></asp:CheckBox>
        </qsf:ConfiguratorPanel>
        <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1" GridLines="None"
            AllowSorting="True" AllowPaging="True" PageSize="50" Width="900px" OnColumnCreated="RadGrid1_ColumnCreated">
            <ClientSettings>
                <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="2"></Scrolling>
            </ClientSettings>
            <HeaderStyle Width="225px"></HeaderStyle>
            <PagerStyle PageSizeControlType="RadDropDownList" Mode="NextPrevAndNumeric"></PagerStyle>
        </telerik:RadGrid> 
    </div>
    <asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
        ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM Customers"
        runat="server"></asp:SqlDataSource>
    </form>
</body>
</html>
Telerik UI for ASP.NET AJAX Q3'14 Release is here