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: USA (... group continued from the previous page. Showing 7 of 13 items.)
 RATTCRattlesnake Canyon GroceryPaula WilsonUSAAlbuquerque2817 Milton Dr.
 SAVEASave-a-lot MarketsJose PavarottiUSABoise187 Suffolk Ln.
 SPLIRSplit Rail Beer & AleArt BraunschweigerUSALanderP.O. Box 555
 THEBIThe Big CheeseLiz NixonUSAPortland89 Jefferson Way Suite 2
 THECRThe Cracker BoxLiu WongUSAButte55 Grizzly Peak Rd.
 TRAIHTrail's Head Gourmet ProvisionersHelvetius NagyUSAKirkland722 DaVinci Blvd.
 WHITCWhite Clover MarketsKarl JablonskiUSASeattle305 - 14th Ave. S. Suite 3B
Country: UK (Showing 3 of 7 items. Group continues on the next page.)
 AROUTAround the HornThomas HardyUKLondon120 Hanover Sq.
 BSBEVB's BeveragesVictoria AshworthUKLondonFauntleroy Circus
 CONSHConsolidated HoldingsElizabeth BrownUKLondonBerkeley Gardens 12 Brewery

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