Почему Laravel Paginator не работает должным образом на интерфейсе?

Question

Я работаю с системой Laravel и использую Paginator. Эта функциональность работает отлично, но в front-end случается конфликт, который я не знаю, как это исправить. Когда я изменяю размер в режим мобильного телефона (переключение панели инструментов устройства), нумерация страниц превышает таблицу, которую я создаю. Как на картинке ниже.

Я попытался отцентрировать эту нумерацию страниц в таблице. Я поместил простой пример моего кода в bootply, но у меня есть только кнопка для имитации пагинации. В Laravel я использую этот код для создания нумерации страниц.

    <nav class="nav justify-content-center">
        <ul class="pagination p-4 justify-content-center" >
            <li>
                {{ $prospect->appends($data)->links() }}
            </li>
        </ul>                    
    </nav>

Кто-нибудь может мне помочь исправить это? Возможно, отрегулировать нумерацию страниц со столом и использовать загрузчик 4, переводящий в адаптивный режим? Что вызывает эту проблему?

Answer 1

Вы можете использовать onEachSide() для ограничения рендеринга.

$prosect->appends($data)->onEachSide(3)->links();