分页不适用于footable

Question

你好朋友我试图在我的项目中使用footable我从某个网站获得代码，但分页不能使用此代码。我创建了静态演示页面，其中包含以下代码，我在表格中有超过100行，我没有在代码中提到过，我的输入低于输出。任何人都可以帮助我。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="css/footable.core.min.css">
<link rel="stylesheet" type="text/css" href="css/footable.metro.css" />
<link rel="stylesheet" type="text/css" href="css/footable.paging.css"/>     

<table id="example"  class="footable" data-filter="#filter" data-page-size="5">
     <thead>
          <tr>
           <th data-hide="phone">Languages</th>
           <th data-hide="phone">Population</th>
           <th data-hide="phone">Median Age</th>
           <th data-hide="phone">Area (Km²)</th>
          </tr>
          </thead>
             <tbody>
              <tr>
                <td>Australia</td>
                 <td>English 79%, native and other languages</td>
                 <td>23,630,169</td>
                 <td>37.3</td>
                 <td>7,739,983</td>
                </tr>
               </tbody>
              </table>

<script type="text/javascript" src="js/footable.js"></script>       
<script type="text/javascript" src="js/footable.paging.js"></script>
<script type="text/javascript" src="js/footable.paging.min.js"></script>
       <script>
        $(document).ready(function() { $(function () {
                            $('.footable').footable(); }); } ); </script>