Question

我正在使用此函数滚动表格：

$(function() {
        $('#tables-section table').each(function(){
            // if table > 4 rows, make scrollable
            if($(this).find('tbody tr').length > 4) {
                $(this).tableScroll({height:116}); // make scrollable
            }
        });

});

加载页面后，table元素具有tableScroll类但滚动条不会显示。

有人可以告诉我缺少什么吗？

Answer 1

根据readme，该表需要有一个thead和一个tbody。在代码中，它只检查tbody。它可能会尝试将滚动应用于缺少thead的表。

我能够使用demo中的javascript代码段轻松完成此工作。我注意到如果我只有大约5行，则滚动条没有出现。但它会出现在大约6或更多。也许你可以将高度设置为80而不是？

这是一个JSFiddle，通过将高度设置为80来显示5行滚动：https://jsfiddle.net/wrn27597/1/

代码位于底部：

$(document).ready(function() {
    $('#tables-section table').each(function(){
        // if table > 4 rows, make scrollable
        if($(this).find('tbody tr').length > 4) {
            $(this).tableScroll({height:80}); // make scrollable
        }
    });
});

为什么表滚动不显示？

1 个答案: