Last Updated: 13 Jun 2021 11:18 by ADMIN
Peter Milchev
Created on: 30 Oct 2017 11:54
Category: Grid
Type: Feature Request
In Grid table, the footer tfoot element is rendered before the body tbody element

In some cases, inside the Grid table, the tfoot element is rendered before the tbody element. This causes some readers to read the footer before the body. A possible workaround is moving the tfoot after the tbody in the OnGridCreated event:

function OnGridCreated(sender, args) {
    var $ = $telerik.$;
    $('tfoot').each(function (index, item) {
        var $item = $(item);
        var $next = $item.next();
        if ($next[0]) {
            if ($next[0].tagName.toLowerCase() == "tbody") {


A forum discussion on the topic:


Posted on: 07 Nov 2019 17:55
Sorry. That should read "tfoot before tbody" is no longer valid HTML. I didn't mean to imply that the footer is coming before header.
Posted on: 07 Nov 2019 17:53
Our company would love to see some traction on changing the default order. As of HTML 5.1, tfoot before thead is no longer considered valid HTML. Additionally, customers are reporting confusion navigating these grids. Solutions like the above have the potential to break screen reading applications by moving DOM elements around after the accessibility layer has already been constructed.