دسته بندی ها
22:26 1398/10/18

مخفی کردن ستون در table در html

مشخصات سوال کننده :
کاربر : mobile_app     امتیاز کاربر : 18     رتبه کاربر : 40
دسته بندی : Html Css جی کوئری

به این سوال امتیاز بدهید    0
تعداد بازدید این سوال : 3575
هوش مصنوعی

پاسخ هوش مصنوعی

برای مخفی کردن یک ستون در جدول HTML بدون اینکه فضای آن ستون خالی بماند، به جای استفاده از visibility: hidden;، می توانید از display: none; استفاده کنید. این کار باعث می شود که ستون به طور کامل از جدول حذف شود و فضای آن نیز اشغال نگردد.

برای اعمال این روش، می توانید به سادگی به تگ td مربوطه استایل display: none; را اضافه کنید. به عنوان مثال:

<td style="display:none;"></td>

اگر این کار را برای تمام td های ستون خاصی انجام دهید، آن ستون به طور کامل مخفی خواهد شد. اگر نیاز دارید که به طور خاص ستون های مشخصی را مخفی کنید، می توانید از کلاس ها یا آیدی ها نیز استفاده کنید.

به عنوان مثال، اگر می خواهید ستون با شناسه خاصی را مخفی کنید:

<style>
    .hidden-column {
        display: none;
    }
</style>

<table>
    <tr>
        <td>ردیف</td>
        <td class="hidden-column">مخفی</td>
        <td>نام</td>
    </tr>
</table>
به این پاسخ امتیاز بدهید    0
امتیاز: - رتبه: -
پاسخ دهنده : Mehrshad 23:35 1398/10/18

در استایل یا css فایل باید بنویسی:

display:none;

 

ویرایش شده در یکشنبه 30 دی 1403 ساعت 00:48:30
به این پاسخ امتیاز بدهید    1
امتیاز: 5 رتبه: 110
پاسخ دهنده : AliNoori 00:54 1398/10/19

با سلام 

این لینک مثال زیبا و کاملا حرفه ای رو گذاشته . قطعا کمک میکنه .

ویرایش شده در یکشنبه 30 دی 1403 ساعت 00:48:44
به این پاسخ امتیاز بدهید    1
امتیاز: 136 رتبه: 11
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.   ورود