Comment rendre invisible la première colonne d'une table?

Question

Voici le code CSS de mon tableau d'affichage. Comment puis-je modifier ce code pour rendre la première colonne invisible?

table.tbl { width:100%; border: 2px solid #c3daf9; font-size: 0.9em; clear: both; } 
td.tbl-header { background: url(/images/head_bg.gif); text-align: center; padding: 3px; font-weight: bold; border-bottom: 2px solid #c3daf9; } 
tr.tbl-footer {} 
table.tbl-footer { font-size: 1em;} 
tr.tbl-row {height: 40px} 
tr.tbl-row:hover { background: #EBFFFF; } /* Old color: #E9E9E9 */ 
tr.tbl-row-even { background: #F5F9FF; } 
tr.tbl-row-odd { background: #FFFFFF; } 
tr.tbl-row-highlight:hover { background: lightblue; cursor: pointer; } 
td.tbl-nav { background: url(/images/head_bg.gif); height: 20px; border-top: 2px solid #c3daf9; color: #4D4D4D; } 
td.tbl-pages { text-align: center; } 
td.tbl-row-num { text-align: right; } 
td.tbl-cell {} 
td.tbl-controls { text-align: center; } 
td.tbl-found {} 
td.tbl-checkall {} 
td.tbl-page { text-align: right; } 
td.tbl-noresults { font-weight: bold; color: #9F0000; height: 45px; text-align: center; } 
span.tbl-reset { margin: 5px 5px; } 
img.tbl-reset-image { margin-right: 5px; border: 0; } 
span.tbl-create { margin: 5px 0; } 
img.tbl-create-image { margin-right: 5px; border: 0; } 
div.tbl-filter-box {} 
img.tbl-arrows { border: 0; } 
img.tbl-order-image { margin: 0 2px; border: 0; } 
img.tbl-filter-image { border: 0; } 
img.tbl-control-image { border: 0; } 
span.page-selected { color: black; font-weight: bold; } 
input.tbl-checkbox {} 

Answer 1

Si vous ne se soucient pas de soutien IE6 vous pourriez faire

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

Bien que je ne suis pas sûr si cela cacher la première seulement, ou le premier de chaque rang.