هل هناك أي طريقة لإخفاء عمود في الجدول؟

Question

وأنا تظهر النتائج في <table> في شكل شبكة. هناك عمود ID. هناك على أية حال من خلال HTML أو CSS أستطيع أن إخفاء العمود الأول؟

Answer 1

وإضافة "عرض: لا شيء؛" أسلوب إلى عنصر <col> الموافق العمود. إذا كنت تريد أن تظهر العمود في وقت لاحق، إضافة معرف ل<col>.

<table>
    <col id="x" style="display:none" />
    <col />
    <col />
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

<script>
    function showColumn() {
        document.getElementById("x").style.display = "";
    }
</script>

Answer 2

و<colgroup> وكيس واعدة، ولكن في واقع الأمر لا يسمح الكثير من الدعم CSS - العديد attrubutes CSS ببساطة لا تنطبق مع colgroup: <لأ href = "http://www.w3schools.com/tags/tag_colgroup. آسيا والمحيط الهادئ "يختلط =" noreferrer "> http://www.w3schools.com/tags/tag_colgroup.asp
وثمة خيار آخر هو تقدم محددات CSS، مثل + أو :nth-child، ولكن غير معتمدة من قبل مستعرض السن.
أفضل رهان هو لإضافة فئة لهذا العمود، أو لاستخدام جافا سكريبت.

Answer 3

tr > td:first-child { 
  display:none;
}

Answer 4

وحسنا هل يمكن تطبيق حكم المغلق:

display: none;

CSS عرض الممتلكات

Answer 5

هل يمكن أن مجرد عدم إضافة هذا العمود إلى HTML في المقام الأول.