两边的 Laravel 分页无法正常工作

Question

在我的 Laravel (5.7) 控制器中，我将 pagination + 'on each side navigation' 设置为 2 个项目。但是，这不适用于我的观点。我收到的物品比 2 件多得多，这导致我的窗口在小型移动设备上爆裂。

这可能是什么原因，我该如何解决？我的意思是，我可以用 CSS 修复它，但我想以正确的方式修复它。

我在控制器中的代码：

public function index(Request $request)
{
    $type = 'all';

    if ($request->has('type')) {
        if ($request->type == 'all') {
            $materials = Material::paginate(10)->onEachSide(2);
        } else {
            $type = $request->type;
            $materials = Material::where('type', $type)->paginate(10)->onEachSide(2);
        }
    } else {
        $materials = Material::paginate(10)->onEachSide(2);
    }

    
    $stock = array(
        'enkelzitKajaks' => Material::where('type', 'Enkelzitkajak')->count(),
        'dubbelzitKajaks' => Material::where('type', 'Dubbelzitkajak')->count(),
        'canadeseKanos' => Material::where('type', 'Canadese kano')->count(),
        'langePeddels' => Material::where('type', 'Lange peddel')->count(),
        'kortePeddels' => Material::where('type', 'Korte peddel')->count(),
        'tonnetjes' => Material::where('type', 'Tonnetje')->count(),
        'zwemvesten' => Material::where('type', 'Zwemvest')->count()
    );

    return view('materials.index')->with('materials', $materials)->with('stock', $stock)->with('type', $type);
}

我在视图中的代码：

<section class="pagination">
    <div class="container">
        <div class="row">
            <div class="col-12">
                {{ $materials->links() }}
            </div>
        </div>

        <hr>
    </div>
</section>

我在小型设备上的视图截图：

Answer 1

您应该在刀片中执行此操作。

{{ $materials->onEachSide(2)->links() }}

https://laravel.com/docs/8.x/pagination#adjusting-the-pagination-link-window