Droptables: جدول التصميم

1. التنسيق في الجدول

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

 

 

يمكن تحديد ارتفاع الصف وعرض العمود بالبكسل. يُرجى الانتقال إلى "تنسيق القائمة" > "تطبيق حجم العمود/الخط" ، ثم اختيار " تغيير حجم العمود/تغيير حجم الصف" . في النافذة المنبثقة، يمكنك تحديد النطاق وتعيين البكسل للأعمدة أو الصفوف. انقر على "تم" للإنهاء.

 

 

 

2. خيارات الموضوع والفرز

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

 

 

في نفس سمة القائمة > الألوان البديلة ، تساعدك ميزة "التنسيق التلقائي" على تلوين خط جدولك باستخدام تنسيق الرأس والتذييل . يمكنك اختيار أنماط القالب أو إنشاء أنماطك الخاصة من إعدادات الإضافة.

 

 

تتيح لك معلمة "قابلة للفرز" فرز بيانات AJAX على الواجهة الأمامية. يمكنك الاطلاع على ذلك في " تنسيق القائمة" > "فرز" .

 

 

محاذاة الجدول هي محاذاة عنصر div الذي يحتوي على الجدول بأكمله، مثلاً، محاذاة الجدول بأكمله. يمكنك العثور على ذلك في قائمة التنسيق > محاذاة الجدول .

 

 

يتوفر أيضًا تمييز الخلايا كخيار. يمكنك تفعيل خيارات "الخط" أو "العمود" أو "كلاهما" في الإعدادات . هذا الخيار مُعطّل افتراضيًا. يمكنك ضبط لون وشفافية التمييز.

 

 

3. إضافة تلميح الأدوات على الخلايا

يتوفر أيضًا تلميح للأدوات عند تحريك مؤشر الماوس فوق الخلية (يجب تفعيله من خيارات المكونات). يظهر التلميح عند النقر بزر الماوس الأيمن عليها.

 

 

يمكنك ضبط عرض تلميح الأدوات بالبكسل. سينقلك هذا إلى تلميح أدوات مع محرر لتحريره.

 

 

أضف المحتوى واحفظه، لقد انتهيت، سيتم عرض التلميح على الجانب العام عند تحريك الماوس فوقه.

 

 

4. إدارة ACL والواجهة الأمامية

يمكنك إدارة جداولك من واجهة جوملا. من مدير قوائم جوملا، أضف عنصر قائمة جديد ، ثم اختر "إدارة الجداول" كنوع ، ثم اختر " Droptables - افتراضيًا" كقالب.

 

 

إليك ما يمكنك رؤيته في Droptables Manager من الواجهة الأمامية.

 

 

 

يمكنك استخدام قائمة تحكم الوصول لمجموعة مستخدمي جوملا للتحكم في إجراءات تحرير الجداول. أولًا، لتحديد من يُسمح له بعرض الجداول، انتقل إلى تبويب " أدوار المستخدمين" Droptables .

 

 

بإمكانك تعيين مالك الجدول من القائمة جدول > الوصول إلى الجدول.

 

 

5. تجميد الصفوف والأعمدة

تجميد العمود

تجميد الأعمدة متاح في تنسيق القائمة > خيارات الاستجابة . يمكنك تجميد ما يصل إلى خمسة أعمدة. يُحسب التجميد من العمود الأول.

 

 

لتجميد الأعمدة/الصفوف، هناك خيار إضافي يسمح لك بإصلاح ارتفاع الجدول (لأن حاوية الجدول الخاصة بك قد يكون لها ارتفاع لا نهائي).

 

 

عندما تختار العمود الذي تريد تجميده، ستتمكن من التمرير عبر الجدول وعرض العمود الثابت دائمًا.

 

 

تجميد الصف

يمكنك العثور عليه في تنسيق القائمة > رأس الجدول ، ومن هنا يمكنك تشغيل الخيار وتعيين الصفوف للتجميد (ما يصل إلى 5 صفوف).

 

 

إذا كنت تريد تعيين ارتفاع الجدول، يرجى الرجوع إلى خيارات الاستجابة.

ثم سيتم تجميد الصف الأول على الواجهة الأمامية وفقًا للإعداد.

 

 

6. تصفية بيانات العمود

يتوفر خيار التصفية في تنسيق القائمة > الفلاتر . يمكنك تفعيله بالنقر لتفعيل تصفية حقول البيانات العامة.

 

 

مثال على المرشحات:

 

 

7. حشو الخلية ونصف قطر الحدود

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

 

 

 

8. CSS مخصص

لننتقل إلى أبعد من ذلك. إذا كنت مصمم مواقع ويب بمهارات CSS، فستتمكن من إضافة CSS من خلال " تنسيق القائمة" > "CSS مخصص" .

 

 

للخلايا والصفوف والأعمدة إحداثيات لتحديد كل منها وتطبيق CSS مخصص عليها. R هو الصف، C هو العمود. هنا، الصف 1 (r1)، العمود 4 (c4) = dtr1 dtc4

 

 

تم تلوين كود CSS باستخدام مرآة الكود. يمكن استخدام كود CSS أقل، وهو يعمل أيضًا!

 

 

9. جداول جوملا المستجيبة

هل جداولي مستجيبة أو تستخدم التمرير على الأجهزة الصغيرة؟

أعمدة الاختباء

Droptables إمكانية إدارة التصميم المتجاوب باستخدام أداة أولوية كخيار. افتراضيًا، تكون ميزة الاستجابة مُعطّلة، مما يؤدي إلى تجاوز الحد المسموح به (مع أن هذا الخيار يعمل بشكل ممتاز على الأجهزة المحمولة). لاستخدام إخفاء الأعمدة ، انتقل إلى تنسيق القائمة > خيارات الاستجابة.

 

 

وضع الاستجابة متقدم، ويمكنك تحديد أولوية لإخفاء الأعمدة على الأجهزة المحمولة. عند إخفاء الأعمدة، ستظهر قائمة جوال مع مربع اختيار لإجبار عرض/إخفاء الأعمدة.
يتم تثبيت حجم العمود أثناء تعديل الجدول. إذا كان حجم جميع الأعمدة كبيرًا جدًا على الحاوية، فسيحدث تجاوز، وستتمكن من التمرير بسهولة على الأجهزة المحمولة.

جدول به شريط تمرير (أفضل لعدد صغير من الأعمدة)

 

 

جدول به عمود مخفي (أفضل لعدد كبير من الأعمدة)

 

 

رأس مكرر

هذا خيار آخر لإدراج جدول في مساحة صغيرة على موقعك. انتقل إلى تنسيق القائمة > خيارات الاستجابة. ثم اختر نوع الاستجابة > رأس مكرر.

 

 

ستكون هناك خيارات للتخصيص وفقًا لطلبك:

• نقطة توقف الاستجابة (بكسل): حدد قيمة نقطة توقف بالبكسل لتحديد متى سيتم تبديل الجدول إلى وضع الاستجابة هذا
• أقصى ارتفاع للاستجابة (بكسل): عند تنشيط الوضع المستجيب، بناءً على قيمة نقطة التوقف، قم بتحديد أقصى ارتفاع لتجنب جدول طويل للغاية
• تصميم الوضع المستجيب: قم بتطبيق تصميم افتراضي لهذا الوضع المستجيب أو استخدم ألوان الجدول

بعد ذلك، يمكنك رؤية كيف سيبدو الجدول على الواجهة الأمامية.

 

 

10. تنزيل الجدول

لمشاركة جدولك مع الجميع، انتقل إلى قائمة "الجدول" ، ثم فعّل "تصدير إكسل" . سيكون نوع الملف *.xlsx عند التنزيل من الواجهة الأمامية.

 

 

11. الترقيم

يمكنك العثور على هذه الميزة في "تنسيق القائمة" > "الترقيم" في كل إصدار من إصدارات الجدول. استخدم زر التبديل لتفعيلها واختيار عدد الصفوف المراد عرضها في الصفحة.

 

 

12. تنسيق الخلايا الفردية 

يمكنك ضبط التنسيقات التالية: التاريخ والوقت، والعملات، والأرقام للخلية الواحدة في Droptables . أولًا، حدد خلية واحدة أو أكثر. ثم انتقل إلى تنسيق القائمة > التاريخ والوقت.

 

 

بعد ذلك العملات والأرقام بنفس الطريقة.

 

13. طباعة الجدول على الواجهة الأمامية

أحيانًا، قد تحتاج لطباعة جدولك. لإظهار زر الطباعة في الواجهة الأمامية، انتقل أولًا إلى قائمة "الجدول" وفعّل "طباعة" .