Tables in Templates

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

دعنا نلقي نظرة على أمثلة لكيفية إنشاء صياغة الجداول.

يمكننا إنشاء قائمة المنتجات لفهم هذا. لهذا الغرض، يمكننا إنشاء قالب بالطريقة التالية.

العمود 1: <<foreach [product in products]>><<[product.productName]>>
العمود 2: <<[product.manufactured]:"yyyy.MM.dd">>
العمود 3: <<[product.price]>><</foreach>>

للجدول أعلاه، دعنا نستعد البيانات بالطريقة التالية -

{
  "vendorName": "Instamart",
  "products": [
  {
    "productName": "Laptops",
    "price": 160000,
    "manufactured": "25/07/2022"
  },
  {
    "productName": "Keyboard",
    "price": 10000,
    "manufactured": "12/04/2022"
  },
  {
    "productName": "Speakers",
    "price": 25000,
    "manufactured": "08/05/2022"
  }
 ]
}

سيبدو جدول الإخراج هكذا -

مجموع القيم في الجداول

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

العمود 1: <<foreach [product in products]>><<[product.productName]>>
العمود 2: <<[product.manufactured]:"yyyy.MM.dd">>
العمود 3: <<[product.price]>><</foreach>>
العمود 1: $<<[products.Sum(c =>c.price)]>>

جداول بعمود واحد

يمكننا الآن أن نرى كيفية إنشاء جدول بعمود واحد.

دعنا نصمم الجدول بهذه الطريقة -

<<foreach [product in products]>>المنتج: <<[product.productName]>>, التاريخ الصنع: <<[product.manufactured]:"yyyy.MM.dd">>, سعر المنتج: $<<[product.price]>><</foreach>><</foreach -greedy>>

الناتج من الجدول أعلاه سيكون كالتالي -