اذهب إلى المحتوى
  • 0

كيفية اضافة paginate مع جدول في لارافل

فارس محمد11

السؤال

هنا اجلب كل الاقسام بهذه الطريقه
 

    public function index()
    {
        $categories = Category::orderBy('arrange')->orderByDesc('created_at')->paginate(10);
        return view('dashboard.catogery.index', compact('categories'));
    }

و هذه هو الجدول الذي يعرض به البيانات بهذه الطريقه 
 

<div class="table-responsive">
                        <table class="table text-md-nowrap" id="example1">
                            <thead>
                                <tr>
                                    <th class="wd-15p border-bottom-0">رقم القسم</th>
                                    <th class="wd-15p border-bottom-0">اسم القسم</th>
                                    <th class="wd-15p border-bottom-0">صورة القسم</th>
                                    <th class="wd-20p border-bottom-0">تاريخ الانشاء</th>
                                    <th class="wd-20p border-bottom-0">العمليات</th>
                                </tr>
                            </thead>
                            <tbody>

                                @php
                                    $i = 0;
                                @endphp

                                @foreach ($categories as $catogery)
                                    @php
                                        $i++;
                                    @endphp

                                    <tr>
                                        <td>{{ $i }}</td>
                                        </td>
                                        <td>{{ $catogery->name_ar }}</td>
                                        <td>
                                            <div class="image-container">
                                                <img src="{{ asset($catogery->image) }}" alt="Avatar Image">
                                            </div>
                                        </td>
                                        <td>{{ $catogery->created_at }}</td>
                                        <td>
                                            <div class="d-flex">
                                                <div class="main-toggle main-toggle-success {{ $catogery->status == true ? 'on' : '' }} btn-sm ml-2"
                                                    data-catogery-id="{{ $catogery->id }}">
                                                    <span></span>
                                                </div>
                                                <a class="modal-effect btn btn-sm btn-info btn-sm ml-2"
                                                    data-effect="effect-scale" data-id="{{ $catogery->id }}"
                                                    data-name_ar="{{ $catogery->name_ar }}"
                                                    data-name_en="{{ $catogery->name_en }}"
                                                    data-status="{{ $catogery->status }}"
                                                    data-arrange="{{ $catogery->arrange }}"
                                                    data-image="{{ $catogery->image }}" data-toggle="modal"
                                                    href="#exampleModal2" title="تعديل"><i class="las la-pen">

                                                    </i>
                                                </a>



                                                <a class="modal-effect btn btn-sm btn-danger" data-effect="effect-scale"
                                                    data-id="{{ $catogery->id }}" data-name="{{ $catogery->name_ar }}"
                                                    data-toggle="modal" href="#modaldemo9" title="حذف"><i
                                                        class="las la-trash"></i></a>
                                            </div>

                                        </td>
                                    </tr>
                                @endforeach



                            </tbody>
                        </table>
                    </div>


المشكله هنا انه يتم جلب 10 اقسام فقط ولا يتم عرض باقي البيانات في الجدول ولا يوجد paginate  في الجدول

 

Screenshot 2024-03-24 163041.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

حاول استخدام خاصية links التي تقدمها Laravel لعرض روابط التقسيم في العرض كالتالي:

<div class="table-responsive">
    <table class="table text-md-nowrap" id="example1">
        <thead>
        </thead>
        <tbody>

            @foreach ($categories as $category)
                <!-- بيانات الصفوف كما هي -->
            @endforeach
        </tbody>
    </table>

    <!-- إضافة روابط التقسيم -->
    {{ $categories->links() }}
</div>

https://wiki.hsoub.com/Laravel/pagination

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 5 دقائق مضت قال Mustafa Suleiman:

حاول استخدام خاصية links التي تقدمها Laravel لعرض روابط التقسيم في العرض كالتالي:

<div class="table-responsive">
    <table class="table text-md-nowrap" id="example1">
        <thead>
        </thead>
        <tbody>

            @foreach ($categories as $category)
                <!-- بيانات الصفوف كما هي -->
            @endforeach
        </tbody>
    </table>

    <!-- إضافة روابط التقسيم -->
    {{ $categories->links() }}
</div>

https://wiki.hsoub.com/Laravel/pagination

 

عندما وضعت الكود ظهرت معي بشكل غريب جدا

Screenshot 2024-03-24 164359.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 13 دقائق مضت قال Mustafa Suleiman:

ضع الكود داخل عنصر وقم بتنسيقه من خلال CSS أو بوتستراب.

حاولت عدة مرات هل يمكنك مساعدتي في حل هذه المشكله

Screenshot 2024-03-24 170107.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 8 ساعة قال فارس محمد11:

حاولت عدة مرات هل يمكنك مساعدتي في حل هذه المشكله

بتفقد المستند الرسمي، ستجد أنه يوجد تنسيقات إفتراضية بواسطة بوتستراب تستطيع استخدامها بإضافة التالي في ملف AppServiceProvider:

use Illuminate\Pagination\Paginator;
 
/**
 * Bootstrap any application services.
 */
public function boot(): void
{
    Paginator::useBootstrapFive();
}

وذلك لاستخدام تنسيقات بوتستراب 5 في حال قمت بتثبيت ذلك.

أو استخدم useBootstrapFour لاستخدام الإصدار 4.

ستجد تفصيل هنا:

https://laravel.com/docs/11.x/pagination#using-bootstrap

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...