PenTool UIتصفّح المكتبة

المكوّنات · جدول يتحوّل إلى بطاقات

جدول يتحوّل إلى بطاقات

على الشاشة الضيّقة يصير بطاقات، ويحمل كل حقل عنوانه

12 تصاميم من هذه العائلة
جدول يتحوّل إلى بطاقاتجدول بيانات عربيجدول موظفينجدول مقارنةكثافة وأعمدة قابلة للإخفاءتحرير داخل الخليةجدول بصفوف تتوسّعجدول بتصفية مركّبةجدول بتجميع ومجاميع فرعيةجدول بتحديد وإجراءات جماعيةجدول بفرز يحترم النوعرأس وعمود ثابتان
متوسّط
<div class="tb tbr">
  <div class="head"><h4 data-ar="فواتير العملاء" data-en="Client invoices">فواتير العملاء</h4>
    <button class="mode" data-ar="اعرض كبطاقات" data-en="Show as cards">اعرض كبطاقات</button>
    <span class="cnt"></span></div>
  <div class="wrap"><table>
    <thead><tr>
      <th scope="col" data-ar="الفاتورة" data-en="Invoice">الفاتورة</th>
      <th scope="col" data-ar="العميل" data-en="Client">العميل</th>
      <th scope="col" data-ar="الاستحقاق" data-en="Due">الاستحقاق</th>
      <th scope="col" data-ar="الحالة" data-en="Status">الحالة</th>
      <th scope="col" class="e" data-ar="المبلغ" data-en="Amount">المبلغ</th>
    </tr></thead>
    <tbody></tbody>
  </table></div>
</div>
← جدول بتجميع ومجاميع فرعيةجدول بتحديد وإجراءات جماعية →