Question

I am showing results in a <table> in a grid form. There is an ID column. Is there anyway through HTML or CSS that I can hide the first column?

Answer 1

add the “display:none;” style to a <col> element corresponding to the column. If you want to show the column later, add an id to the <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>