

الجداول في HTML تعتبر الخيار الأسهر لعمل جداول , ليست الخيار الوحيد لكنه الخيار المعتاد والأسهل
لكن المشكلة انه الى الآن لا نستطيع ان نقول انها داعمه للتجاوب بالكلية وفي نفس الوقت لا أرى انه يمكن لفكرة الجداول ككل ان تكون داعمة للتجاوب بنسبة 100%
لان فكرة الجدول في حدث ذاتها هي خانات متراصة بجوار بعضها ويصعب تحويل هذا لتجاوب عندما تكون الخانات كثيرة
<style>.CNMU-Table table{border-spacing:0;width:100%!important;}.CNMU-Table table,.CNMU-Table th,.CNMU-Table td{border:1px solid #999;border-collapse:collapse;text-align:center;word-break: keep-all;}.CNMU-Table tr {line-height:48px !important;}.CNMU-Table * {line-height:inherit !important;}.CNMU-Table table tr:first-child {background-color: #446EAC;color:#fff;}.CNMU-Table tr:nth-child(odd){background-color: #f2f2f2}.CNMU-Table th,.CNMU-Table td {padding:0 10px;}@media screen and (max-width : 800px) {.CNMU-Table{overflow-x:auto;} }</style><div class="CNMU-Table"><table><tr><th>الخانة الأولى</th><th>الخانة الثانية</th></tr><tr><td>معلومة 1</td><td>وصف 1</td></tr><tr><td>معلومة 2</td><td>وصف 2</td></tr><tr><td>معلومة 3</td><td>وصف 3</td></tr></table></div>
الخانة الأولى | الخانة الثانية |
---|---|
معلومة 1 | وصف 1 |
معلومة 2 | وصف 2 |
معلومة 3 | وصف 3 |
<tr><th>الخانة الأولى</th><th>الخانة الثانية</th><th>الخانة الثالثة</th></tr>
الإسم | الجنسية | المهنة | السن | الطول | الوزن |
---|---|---|---|---|---|
عبد الله | مصري | حداد | 40 | 180 | 105 |
ابراهيم | أردني | كاتب | 25 | 173 | 70 |
ناصر | سعودي | مهندس | 34 | 176 | 76 |
مهند | سوري | نجار | 42 | 182 | 80 |
بارك الله فيك أستاذ
ردحذفوفيك بارك الله أخي منير , شكراً لك يا طيب
حذفجربتها الآن ونجحت معي والله روعة ♥
ردحذفجزاك الله خيرا أستاذنا الغالي ونفعك بك العباد والبلاد يارب العالمين
ربي يحفظك أخي منير والحمد لله ان الامر نجح معك , واستخدام موفق للإضافة يا غالي
حذفما شاء الله استاذ عمرو موضوع موفق في استخدام الجداول ب HTML في الغالب كنت استخدم عند اضافة جدول لتدوينة الوورد او ليبرا اوفيس او حتي مستندات جوجل ولكن اضافتها وتعديلها بالـ html فهو مميز ايضآ واعتقد انه اكثر استخدامآ فب عمل مقارنات لمواقع الهواتف لعرض المواصفات او مواقع المراجعة للمنتجات بشكل عام.
ردحذفشكرآ لك استاذ علي مشاركة الموضوع معنا وهي اضاة مميزة للبلوجر
كلامك صحيح تماماً أستاذ علي , نعم اضافتها كـ HTML ممييز لانك تكون قادر على التحكم به أكثر , وايضاً صحيح موضوع الهواتف فهو مفيد لكتابة المواصفات الخاصة بالهاتف او الحاسب
ردحذفشكراً لك على مشاركتك معنا , ولا تحرمنا من دعمك يا غالي
شكرا جدا
ردحذفعفواً يا غالي
حذف