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: Germany (... group continued from the previous page. Showing 7 of 11 items.)
 KOENEKöniglich EssenPhilip CramerGermanyBrandenburgMaubelstr. 90
 LEHMSLehmanns MarktstandRenate MessnerGermanyFrankfurt a.M.Magazinweg 7
 MORGKMorgenstern GesundkostAlexander FeuerGermanyLeipzigHeerstr. 22
 OTTIKOttilies KäseladenHenriette PfalzheimGermanyKölnMehrheimerstr. 369
 QUICKQUICK-StopHorst KlossGermanyCunewaldeTaucherstraße 10
 TOMSPToms SpezialitätenKarin JosephsGermanyMünsterLuisenstr. 48
 WANDKDie Wandernde KuhRita MüllerGermanyStuttgartAdenauerallee 900
Country: France (Showing 3 of 11 items. Group continues on the next page.)
 BLONPBlondesddsl père et filsFrédérique CiteauxFranceStrasbourg24, place Kléber
 BONAPBon app'Laurence LebihanFranceMarseille12, rue des Bouchers
 DUMONDu monde entierJanine LabruneFranceNantes67, rue des Cinquante Otages

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