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

السؤال

نشر

لقد قمت بأنشاء جدول بواسطة bootstrap

اريد ان اقوم بأختصار اسطر الجدول بحيث اذا اصبح في الجدول عشرة اسطر يقوم بأنشاء صفحة ثانية للجدول وتوضع بها الاسطر الجديدة

لكي لا يزيد طول الجدول .... مثل الصورة التالية

tempsnip.png.5bae05960d148ba66f98f2c32d645c59.png

 

Recommended Posts

  • 0
نشر

سأحاول شرح الفكرة لك وكيف يتم تطبيقها، وعليك أن تقوم ببنائها بنفسك لأن الأمر يعتمد على كثير من الأمور الخاصة بالمشروع نفسه.

في البداية عليك أن تقوم بعمل مسار route لإعادة البيانات الموجودة في صفحة معينة، على سبيل المثال، لنفترض أنك أنشأت المسار التالي:

http://localhost:5000/api/v1/users?page=1

عند زيارة الرابط السابق من المفترض أن يتم إعادة بيانات خاصة بعشر مستخدمين:

[
  {
    "id": 1,
    "name": "Leanne Graham",
    "username": "Bret",
    "email": "Sincere@april.biz",
    "phone": "1-770-736-8031 x56442",
    "website": "hildegard.org"
  },
  {
    "id": 2,
    "name": "Ervin Howell",
    "username": "Antonette",
    "email": "Shanna@melissa.tv",
    "website": "anastasia.net"
  },
// ...
]

لذلك سنستخدم Ajax لإرسال طلب إلى الخادم (الرابط السابق) وجلب بيانات المستخدمين، ثم عرض هذه البيانات من خلال JavaScript في الجدول، وبالتالي عند الضغط على أحد الصفحات سوف يتم إرسال طلب إلى الخادم وجلب مجموعة بيانات من المستخدمين.

يمكنك أن تقرأ المزيد عن تقنية Ajax وكيفية إستعمالها من خلال هذه المقالة:

 

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...