データベースからデータが入力された動的に作成されたテーブルで埋められる 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 内にテーブルのリストがあります。ただし、テーブルを 1 つの長いテーブルにまとめて、多くのテーブル ページネーション プラグインの 1 つを使用することはできません。
たとえば、ページネーションページに5つのテーブルしかないように、これをどのようにページ付けしますか。