menu

۱۰- جدول متریال در Materialize

جدول راه خوبی برای سازماندهی مقدار زیادی از داده است. فریم ورک Materialize چند کلاس کاربردی برای تغییر استایل جداول به جدول متریال ارائه کرده است. با این کلاس ها به آسانی می‌توانید جداولی زیبا و ریسپانسیو داشته باشید.

جدول بدون حاشیه

جداول در فریم ورک Materialize به طور پیشفرض حاشیه ای ندارند:

Name Item Name Item Price
Alvin Eclair $۰٫۸۷
Alan Jellybean $۳٫۷۶
Jonathan Lollipop $۷٫۰۰

جدول حاشیه دار

برای حاشیه دار کردن جدول میتوانید از کلاس bordered استفاده کنید

Name Item Name Item Price
Alvin Eclair $۰٫۸۷
Alan Jellybean $۳٫۷۶
Jonathan Lollipop $۷٫۰۰

جدول راه راه

برای راه راه کردن جدول میتوانید از کلاس striped استفاده کنید.

Name Item Name Item Price
Alvin Eclair $۰٫۸۷
Alan Jellybean $۳٫۷۶
Jonathan Lollipop $۷٫۰۰

جدول برجسته یا Highlight

برای Highlight کردن جدول میتوانید از کلاس Highlight استفاده کنید:

Name Item Name Item Price
Alvin Eclair $۰٫۸۷
Alan Jellybean $۳٫۷۶
Jonathan Lollipop $۷٫۰۰

جدول ریسپانسیو

با استفاده از کلاس responsive-table میتوانید در دستگاه هایی با پهنای کم به جدولتان اسکرول افقی دهید.

Name Item Name Item Price
Alvin Eclair $۰٫۸۷
Alan Jellybean $۳٫۷۶
Jonathan Lollipop $۷٫۰۰

 

رفتن به نوارابزار