Как разбить строку таблицы на фиксированные строки с интервалом времени jQuery

Question

Я работаю с таблицами, и у меня есть страница, которая не прокручивается, и одним из решений было показать в табличных значениях, которые находятся на странице, это значение 12 , если в таблице больше, чем 12 строк , затем первые 12 строк скрыть и показать другое.

На данный момент я создаю скрипт, который скрывает и показывает строки, но проблема в том, когда он собирается Второй заголовок "page" таблицы скрыт, а стиль css не работает.

var elements = $("table tr");
var pages = 0;

$(document).ready(function () {
    var showNext = function (index) {
        console.log(index)
        if (index >= elements.length) {
            index = 0;
            pages = 0;
            location.reload();
        }
        pages++
        elements.hide().slice(index, index + 12).show();
        setTimeout(function () {
            showNext(index + 8);

        }, 3000);
    }
    showNext(0);
});

Answer 1

Исправлено, проблема была тогда thead есть tr , и я объявляю затем скрыть tr 3 se c. Добавлено в html Тело

<tr class="rows-data">

var elements = $(".rows-data");
var pages = 0;

$(document).ready(function () {
    var showNext = function (index) {
        console.log(index)
        if (index >= elements.length) {
            index = 0;
            pages = 0;
            location.reload();
        }
        pages++
        elements.hide().slice(index, index + 11).show();
        setTimeout(function () {
            showNext(index + 8);

        }, 3000);
    }
    showNext(0);
});