پارس جوم ::  انجمن های تخصصی جوملا
ریسپانسیو کردن جداول - نسخه‌ی قابل چاپ

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: ریسپانسیو کردن جداول (/thread-21330.html)



ریسپانسیو کردن جداول - behrad - ۲۱-۵-۱۳۹۷ ۰۶:۲۹ عصر

درود

وقت بخیر

من یک سری جدول تو سایت گذاشتم ولی اینا ریسپانسیو نیست

میشه به صورت کامل توضیح بدید چطوری میتونم ریسپانسیو کنم جدول هارو


RE: ریسپانسیو کردن جداول - knauftabriz - ۲۱-۵-۱۳۹۷ ۰۷:۰۴ عصر

سلام منم همین مشکل رو دارم.کسی میتونه کمکم کنه؟


RE: ریسپانسیو کردن جداول - Reza Ganji - ۲۲-۵-۱۳۹۷ ۰۱:۵۷ صبح

درود
برای ریسپانسیو کردن جدول میتونید overflow-x:auto را به استایل جدول اضافه کنید مانند :

کد:
<div style="overflow-x:auto;">
  <table>
    ...
  </table>
</div>

برای اطلاعات بیشتر هم میتونید سایت w3schools.com را مشاهده کنید :

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


موفق باشید


RE: ریسپانسیو کردن جداول - behrad - ۲۲-۵-۱۳۹۷ ۰۷:۴۰ عصر

درود اقای گنجی
این کد ریسپانسیو نمیکنه فقط یه اسکرول میده که بتونی بکشی راست و چپ
کامل بخواییم ریسپانسیو بشه چیکار کنیم


RE: ریسپانسیو کردن جداول - Reza Ganji - ۲۳-۵-۱۳۹۷ ۰۳:۲۸ صبح

درود
میتونید سایزهای جدول رو درصدی کنید.یا از بوتستراپ استفاده کنید.فکر میکنم در قالبتون بوتستراپ استفاده شده باشد و شما از کلاس هاش استفاده کنید.چون در همه قالب های جدید استفاده شده.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.



RE: ریسپانسیو کردن جداول - behrad - ۲۳-۵-۱۳۹۷ ۰۸:۳۸ عصر

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


RE: ریسپانسیو کردن جداول - Reza Ganji - ۲۴-۵-۱۳۹۷ ۰۱:۵۴ صبح

هر جدولی ایجاد میکنید میتونید این کلاس هارا درونش استفاده کنید.

کد:
<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>



RE: ریسپانسیو کردن جداول - Pourdaryaei - ۲۶-۵-۱۳۹۷ ۰۴:۰۷ صبح

اگر سختته با کلاس ها کار کنید از پلاگین زیر استفاده کن
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.