javascript - HTML：如何在保留标题的情况下将（-s）列表拆分为多个块？

Question

我有一个太长的列表，它需要在不滚动的情况下适应，但我不知道如何将它分成 2 或 3 或 4 块。我在下面复制了一个列表，真正的列表有 200 行或更多行数据。假设我想要里面不超过 3 行的块。是否有可能制作不止一大块并保留标题？（数据来自 SQL 选择并不断变化）。

<div id="FIller1" class="dbtable">  
        <thead>
            <tr>
                <td class="b3">Filled ID1</td>
                <td class="n3">Filled ID2</td>
                <td class="n3">Filled ID3</td>
            </tr>
        </thead>
                
        <tbody>
            
                
            
            <tr>
                <td class="index"><span>110</span></td>
                <td class="n2"><span>110-2</span></td>
                <td class="b2"><span>AAA</span></td>
            </tr>
            <tr>
                <td class="index"><span>111</span></td>
                <td class="n2"><span>111-2</span></td>
                <td class="b2"><span>BBB</span></td>
            </tr>
            <tr>
                <td class="index"><span>112</span></td>
                <td class="n2"><span>112-2</span></td>
                <td class="b2"><span>CCC</span></td>
            </tr>
            <tr>
                <td class="index"><span>113</span></td>
                <td class="n2"><span>113-2</span></td>
                <td class="b2"><span>DDD</span></td>
            </tr>
            <tr>
                <td class="index"><span>114</span></td>
                <td class="n2"><span>114-2</span></td>
                <td class="b2"><span>EEE</span></td>
            </tr>
            <tr>
                <td class="index"><span>115</span></td>
                <td class="n2"><span>115-2</span></td>
                <td class="b2"><span>FFF</span></td>
            </tr>
            <tr>
                <td class="index"><span>116</span></td>
                <td class="n2"><span>116-2</span></td>
                <td class="b2"><span>GGG</span></td>
            </tr>
            
        </tbody>    
        </div>  

标签： javascripthtmlcss