New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

WAI-ARIA Support

Country  
GroupSplitterColumnCustomerIDCompanyNameContactNameCountryCityAddress
Page size:
 91 items in 10 pages
Country: Brazil (... group continued from the previous page. Showing 4 of 9 items.)
 QUEENQueen CozinhaLúcia CarvalhoBrazilSao PauloAlameda dos Canàrios, 891
 RICARRicardo AdocicadosJanete LimeiraBrazilRio de JaneiroAv. Copacabana, 267
 TRADHTradição HipermercadosAnabela DominguesBrazilSao PauloAv. Inês de Castro, 414
 WELLIWellington ImportadoraPaula ParenteBrazilResendeRua do Mercado, 12
Country: Belgium
 MAISDMaison DeweyCatherine DeweyBelgiumBruxellesRue Joseph-Bens 532
 SUPRDSuprêmes délicesPascale CartrainBelgiumCharleroiBoulevard Tirou, 255
Country: Austria
 ERNSHErnst HandelRoland MendelAustriaGrazKirchgasse 6
 PICCOPiccolo und mehrGeorg PippsAustriaSalzburgGeislweg 14
Country: Argentina (Showing 2 of 3 items. Group continues on the next page.)
 CACTUCactus Comidas para llevarPatricio SimpsonArgentinaBuenos AiresCerrito 333
 OCEANOcéano Atlántico Ltda.Yvonne MoncadaArgentinaBuenos AiresIng. Gustavo Moncada 8585 Piso 20-A

The RadGrid control has WAI-ARIA support which can be easily enabled by setting EnableAriaSupport="true".

  • DefaultVB.aspx
<%@ Page Language="VB" AutoEventWireup="false"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<div class="demo-container no-bg">
    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">
        <telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" runat="server" AllowMultiRowSelection="true" AllowSorting="True" Width="100%"
            AllowPaging="true" ShowGroupPanel="true" DataSourceID="SqlDataSource1" AutoGenerateColumns="false"
            EnableAriaSupport="true">
            <MasterTableView Width="100%" DataKeyNames="CustomerID">
                <GroupByExpressions>
                    <telerik:GridGroupByExpression>
                        <SelectFields>
                            <telerik:GridGroupByField FieldAlias="Country" FieldName="Country"></telerik:GridGroupByField>
                        </SelectFields>
                        <GroupByFields>
                            <telerik:GridGroupByField FieldName="Country" SortOrder="Descending"></telerik:GridGroupByField>
                        </GroupByFields>
                    </telerik:GridGroupByExpression>
                </GroupByExpressions>
                <Columns>
                    <telerik:GridBoundColumn DataField="CustomerID" HeaderText="CustomerID">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="CompanyName" HeaderText="CompanyName">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ContactName" HeaderText="ContactName">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Country" HeaderText="Country">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="City" HeaderText="City">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Address" HeaderText="Address">
                    </telerik:GridBoundColumn>
                </Columns>
            </MasterTableView>
            <ClientSettings AllowDragToGroup="true" Selecting-AllowRowSelect="true">
            </ClientSettings>
        </telerik:RadGrid>
    </telerik:RadAjaxPanel>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
    </telerik:RadAjaxLoadingPanel>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
        SelectCommand="SELECT * FROM [Customers]"></asp:SqlDataSource>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance