غالبا ما يتعين على مطوري الويب التعامل مع مهمة إخفاء الجداول على صفحات الويب. يحدث أن الجدول الذي يملأ جزءا كبيرا من الشاشة يمنع المستخدم من رؤية محتوى آخر. بالإضافة إلى ذلك ، يفضل بعض المستخدمين تصفح الويب بدون جداول لتحسين الإدراك البصري وسهولة الاستخدام. في هذه المقالة ، سننظر في عدة طرق فعالة لإخفاء الجداول وإعطاء نصائح مفيدة.
الطريقة الأولى لإخفاء الجدول هي استخدام أنماط كس. للقيام بذلك ، قم بتعيين العرض: لا شيء ؛ خاصية العلامة
} آخر {
- }
- ...
استخدام فئة لإخفاء جدول
- يمكنك أيضا تعيين صفك الخاص للجدول وتطبيق نمط" العرض:لا شيء ؛ " على هذه الفئة. على سبيل المثال:
...
استخدام جافا سكريبت لإخفاء جدول
إذا كنت بحاجة إلى إخفاء الجدول ديناميكيا أو ضمن أحداث معينة ، فيمكنك استخدام جافا سكريبت. في ما يلي مثال على وظيفة بسيطة تخفي جدولا عند النقر فوق زر: