[Solved] Table headings and table cells/rows coded as separate tables instead of single table

[Adam]

Telerik renders tabular data in separate tables instead of as one table. Does anyone have a solution so that the table can meet WCAG 1.3.1 level A http://www.w3.org/TR/WCAG20/#content-structure-separation-programmatic

[Anton Mironov]

Hi Adam,

The Telerik UI for ASP.NET Core Grid uses separate tables for headers and data rows to support advanced features and adaptive rendering. This structure may limit strict WCAG 1.3.1 compliance, which requires a clear programmatic association between table headers and cells.

Currently, there is no built-in option to render the Grid as a single table. As a workaround, you can try customizing the Grid output by using the Grid's templates (HeaderTemplate, RowTemplate) to manually create a single table structure. However, this approach will require custom implementation and may limit some Grid features.

Another partial solution is to add ARIA attributes to improve accessibility and association between headers and cells. For more details, refer to the accessibility documentation:

• https://www.telerik.com/aspnet-core-ui/documentation/accessibility/overview

I hope this information helps.

Kind Regards,
Anton Mironov
Progress Telerik