Blazorise DataGrid: Accessibility

Shows the DataGrid accessibility features.

Overview

Accessibility is a critical aspect of web development, ensuring that all users, including those with disabilities, can access and interact with web content. The Blazorise DataGrid provides several features to enhance accessibility, making it easier for users to navigate and understand the data presented in the grid.

Examples

<DataGrid TItem="Employee" Data="@employeeList" Responsive Caption="This is a caption for the DataGrid.">
    <DataGridColumn Field="@nameof( Employee.Id )" Caption="#" Sortable="false" />
    <DataGridColumn Field="@nameof( Employee.FirstName )" Caption="First Name" />
    <DataGridColumn Field="@nameof( Employee.LastName )" Caption="Last Name" />
    <DataGridColumn Field="@nameof( Employee.Email )" Caption="Email" />
</DataGrid>

@code {
    [Inject]
    public EmployeeData EmployeeData { get; set; }
    private List<Employee> employeeList;
    private Employee selectedEmployee;

    protected override async Task OnInitializedAsync()
    {
        employeeList = await EmployeeData.GetDataAsync();
        await base.OnInitializedAsync();
    }
}

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.

• <DataGrid />