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: Denmark
 SIMOBSimons bistroJytte PetersenDenmarkKobenhavnVinbæltet 34
 VAFFEVaffeljernetPalle IbsenDenmarkÅrhusSmagsloget 45
Country: Canada
 BOTTMBottom-Dollar MarketsElizabeth LincolnCanadaTsawassen23 Tsawassen Blvd.
 LAUGBLaughing Bacchus Wine CellarsYoshi TannamuriCanadaVancouver1900 Oak St.
 MEREPMère PaillardeJean FresnièreCanadaMontréal43 rue St. Laurent
Country: Brazil (Showing 5 of 9 items. Group continues on the next page.)
 COMMIComércio MineiroPedro AfonsoBrazilSao PauloAv. dos Lusíadas, 23
 FAMIAFamilia ArquibaldoAria CruzBrazilSao PauloRua Orós, 92
 GOURLGourmet LanchonetesAndré FonsecaBrazilCampinasAv. Brasil, 442
 HANARHanari CarnesMario PontesBrazilRio de JaneiroRua do Paço, 67
 QUEDEQue DelíciaBernardo BatistaBrazilRio de JaneiroRua da Panificadora, 12

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

  • DefaultCS.aspx
<%@ Page Language="C#"  %>

<%@ 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