How can i hide certain table column in a HTML table using CSS

Answer 1

If you always want to show the first 3 colums and hide the rest of the colums in the row you might want to use:

tr > td:nth-child(n+4)
{
    visibility: hidden;
}

This will start at the index of 4 and will loop through the rest and will hide them.

With visibility: hidden; you will still keep the spacing it had.

jsFiddle