javascript - javascriptを使用して新しいデータセットでhtmlテーブルをリロードします

Question

以下のように「div」タグを使用してJSPでHTMLテーブルを作成しました。

<div id="paintTable" class="menu2coltable">
<ul class="menu2col">                           
    <%  
        int count = 0;                              
        for(int i=count; i<list.size(); i++){
        appcode = (String)list.get(count);
    %>
            <li id="mytag" class="leftside">
                <a style="text-decoration:none" href="#" <%= appcode %></a>
            </li>
            <%  count ++;
            if(count == 10){    
                System.out.println("Breaking the loop....");
                break;  
            }
        }                                   
   %>                                               
 </ul></div>

25 個の値を持つリストがあり、次と前のボタン (ページネーションなど) を持つ 10 レコードのみの HTML テーブルを表示しています。

ページの読み込み時に、リストから最初の 10 レコードを表示する必要があります。[次へ] ボタンをクリックすると、同じテーブルを "paintTable" div に 11 ～ 20 などのレコードでリロードしたいと思います。

これは JQuery を使用して簡単に実行できることはわかっていますが、JQuery は使用していません。簡単なJavaScriptでこれを達成するのを手伝ってくれませんか。

前もって感謝します。