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

WAI-ARIA Support

Country  
GroupSplitterColumnCustomerIDCompanyNameContactNameCountryCityAddress
12345678910
Page size:
 91 items in 10 pages
Country: Spain (... group continued from the previous page. Showing 3 of 5 items.)
 GALEDGalería del gastrónomoEduardo SaavedraSpainBarcelonaRambla de Cataluña, 23
 GODOSGodos Cocina TípicaJosé Pedro FreyreSpainSevillaC/ Romero, 33
 ROMEYRomero y tomilloAlejandra CaminoSpainMadridGran Vía, 1
Country: Portugal
 FURIBFuria Bacalhau e Frutos do MarLino RodriguezPortugalLisboaJardim das rosas n. 32
 PRINIPrincesa Isabel VinhosIsabel de CastroPortugalLisboaEstrada da saúde n. 58
Country: Poland
 WOLZAWolski ZajazdZbyszek PiestrzeniewiczPolandWarszawaul. Filtrowa 68
Country: Norway
 SANTGSanté GourmetJonas BergulfsenNorwayStavernErling Skakkes gate 78
Country: Mexico (Showing 3 of 5 items. Group continues on the next page.)
 ANATRAna Trujillo Emparedados y heladosAna TrujilloMexicoMéxico D.F.Avda. de la Constitución 2222
 ANTONAntonio Moreno TaqueríaAntonio MorenoMexicoMéxico D.F.Mataderos 2312
 CENTCCentro comercial MoctezumaFrancisco ChangMexicoMéxico D.F.Sierras de Granada 9993

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