Javascript 如何使用timeinterval jQuery拆分固定行的表行

我处理表格，我有一个不乱翻的页面，一个解决方案是在表格中显示在页面中的值，这个值12，如果在表格中超过12行，那么它是前12行隐藏，然后显示其他行

现在，我创建了一个隐藏和显示行的脚本，但问题是当它将第二个“页面”表头隐藏时，一些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);
});

---

修复了，问题是当时的theadhavetr，我声明然后隐藏tr，时间为3秒。 添加到html tbody

---

你能分享表格标题的html吗。您可以尝试使用“thead”和“tbody”来构建表，并使用它们仅隐藏/显示“tbody”的“tr”。@Tuckbros谢谢您的回答，但我修复了

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);
});