خانه تالار گفتگو دانلود خبرنامه سفارش سایت درباره ما ارتباط با ما حمایت از ما تبلیغات

آموزش Bootstrap - کار با جدول ها ( Tables ) در Bootstrap

آموزش کار با جدول ها ( Tables ) در Bootstrap

به وسیله کلاس های آماده و تعریف شده برای جدول های HTML در bootstrap ، می توانید به سادگی و فقط با دادن نام کلاس به جدول مورد نظر خود ، قالب و استایل متفاوتی را به جدول خود بدهید .
در این درس به بررسی کلاس های bootstrap برای جدول ها خواهیم پرداخت . bootstrap دارای یک سری کلاس آماده جهت استایل دهی و افکت گذاری روی جدول های HTML است که کار شما را برای ساختن جدول های زیبا و واکنش گرا ، آسان می کند .
راهنمایی راهنمایی مهم :

برای استفاده از خواص و افکت های هر کلاس ، کافی است نام آن کلاس را به خاصیت class تگ < table> موزد نظر خود اضافه کنید . برای هر جدول می توانید از یک یا چندین کلاس به صورت هم زمان ، بهره بگیرید .


در ادامه به بررسی هر یک از این کلاس ها خواهیم پرداخت .

کلاس table. - ایجاد یک جدول ساده

کلاس table. ، یک فرم ساده ( با حاشیه درونی ( margin ) کم ) و خطوط جدا کننده افقی را به جدول می دهد . در این حالت جدول دارای حاشیه دور ( border ) و خطوط عمودی نمی باشد . مثال زیر ، نحوه استفاده و خروجی این کلاس را نشان می دهد :
کد مثال عملی
کد
                                    
خروجی