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

السؤال

نشر

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

    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
نشر
بتاريخ 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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...