页表行不显示

Question

列在可引脚中正确显示，但行不显示。我看到数据的输入是正确的，因为分页根据行数显示正确的页数，但行没有显示。这个页面正确地显示了我的问题。但评论中提到的解决办法对我没有用。下面是我的代码片段：

标题：

    <!--Footable https://cdnjs.com/libraries/jquery-footable -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.core.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.core.bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.core.standalone.css" rel="stylesheet" type="text/css"/>
    <!--JS package CSS-->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
    <!--JS packages-->
    <script src="https://code.jquery.com/jquery-latest.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <!--Footable https://cdnjs.com/libraries/jquery-footable -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.min.js" type="text/javascript"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.filtering.min.js" type="text/javascript"></script>
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.4/footable.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.4/footable.bootstrap.min.css">

<div id = "example_class" style="margin-left: 17rem; margin-top:2rem">
   <table id="example" class="data-table" data-paging="true"></table>
</div>

<script>
var ft_init_options = {
            columns: {{=XML(columns)}},
            rows: {{=XML(rows)}},
            paging: {
                enabled: true
            }
        };
        var ft = FooTable.init('#example', ft_init_options);
</script>

正如上面的链接所提到的，它可以是包含在页面中的文件的顺序。但我搞错了。帮帮忙！提亚

Answer 1

这样做是有效的：

    <!--Footable https://cdnjs.com/libraries/jquery-footable -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.core.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.core.bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.core.standalone.css" rel="stylesheet" type="text/css"/>
    <!--Font Awesome-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
    <!--JS package CSS-->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
   
    {{include 'web2py_ajax.html'}}

    <!--JS packages-->
    <script src="https://code.jquery.com/jquery-latest.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <!--Footable https://cdnjs.com/libraries/jquery-footable -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.min.js" type="text/javascript"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.filtering.min.js" type="text/javascript"></script>
    <!--chart-->
    <script charset="utf-8" src="//cdnjs.cloudflare.com/ajax/libs/highcharts/3.0.9/highcharts.js"></script>