Javascript 使用多个表对页面进行分页

我有一个JSP页面，其中将填充动态创建的表，其中包含从数据库填充的数据

这个页面看起来像这样

<div id="VehicleWrap">
   <form id="bookvehicle" method="post" action="bookvehicle">
       <table>
           <tr>
              <td class="label"><label id="lbodytype" for="transmission">Body Type</label></td>
              <td class="field"><input id="bodytype" name="bodytype" type="text" value="<%= vehicle.getBodyType()%>" maxlength="50" readonly/></td>
              <td class="status"></td>
           </tr>
           <tr>
              <td class="label"><label id="ltransmission" for="transmission">Transmission</label></td>
              <td class="field"><input id="transmission" name="transmission" type="text" value="<%= vehicle.getTransmission()%>" maxlength="50" readonly/></td>
              <td class="status"></td>
           </tr>
       </table>

       <table>
           <tr>
              <td class="label"><label id="lbodytype" for="transmission">Body Type</label></td>
              <td class="field"><input id="bodytype" name="bodytype" type="text" value="<%= vehicle.getBodyType()%>" maxlength="50" readonly/></td>
              <td class="status"></td>
           </tr>
           <tr>
              <td class="label"><label id="ltransmission" for="transmission">Transmission</label></td>
              <td class="field"><input id="transmission" name="transmission" type="text" value="<%= vehicle.getTransmission()%>" maxlength="50" readonly/></td>
              <td class="status"></td>
           </tr>
       </table>

       <table>
           <tr>
              <td class="label"><label id="lbodytype" for="transmission">Body Type</label></td>
              <td class="field"><input id="bodytype" name="bodytype" type="text" value="<%= vehicle.getBodyType()%>" maxlength="50" readonly/></td>
              <td class="status"></td>
           </tr>
           <tr>
              <td class="label"><label id="ltransmission" for="transmission">Transmission</label></td>
              <td class="field"><input id="transmission" name="transmission" type="text" value="<%= vehicle.getTransmission()%>" maxlength="50" readonly/></td>
              <td class="status"></td>
           </tr>
       </table>
   </form>
</div>

体型
传输
体型
传输
体型
传输

正如您在上面看到的，我将在一个表单和div中列出一个表列表。但是，我不能将这些表形成一个长表，并使用许多表分页插件中的一个

我该如何分页，例如，一个分页页面只有5个表。

Flexipage是一个用于分页任何HTML内容的插件。受到启发的 在插件中

用法 要使用FlexPage插件，请在文档的标记中包含jQuery和jQuery.flexipage：

<script src="javascripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="javascripts/jquery.flexipage.js" type="text/javascript"></script>

---

另外，请参阅以下参考资料：

---

您尝试过什么？为什么不能使用分页插件？为什么不按照分页插件满足您需要的方式格式化表？您好，感谢您的快速回复，尽管我真正需要的是一种对单个表集合进行分页的方式。例如，他们在一页上有10个表，我想把这些表分成5个，这样一页上就只有5个表了。。。请稍等，我会更改答案。：）@用户667430您能检查一下答案吗？

<div>
  <ul class="fp-example">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    ...
    <li>Item 22</li>
    <li>Item 23</li>
    <li>Item 24</li>
    <li>Item 25</li>
  </ul>
</div>

$('.fp-example').flexipage();