Блог

Главная - Вопросы по программированию - HTML: как разделить список (из -ов) на несколько блоков с сохранением заголовка?

HTML: как разделить список (из -ов) на несколько блоков с сохранением заголовка?

#javascript #html #css

#javascript #HTML #css — код

Вопрос:

У меня есть слишком длинный список, и его нужно уместить без прокрутки, но я не могу понять, как разделить его на 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>

Комментарии:

1. Добавьте больше <td> к вашему <tr>

2. Я не понимаю, как это может мне помочь, извините.

3. Или вы спрашиваете, можете ли вы добавить больше <tbody> ? Да, вы можете

4. Нет, я не спрашиваю, могу ли я добавить больше td, tbody или tdivs. Я спрашиваю, есть ли способ разделить переполненный список на 3 части. у меня есть 200 строк автоматически заполненных данных из БД. Он работает с 6 столбцами с 6 запусками sql select и с удалением строк, но он сложный и глючный, но я не могу понять, что работает и просто: D

5. Поэтому, пожалуйста, опишите chunk — как вы хотите, чтобы это было?