ocultar toda una columna de una tabla

gustavo21 · #1 (**permalink**) 09/04/2003, 15:51

Existe alguna manera de poder ocultar toda una columna de un tabla , ya que he visto que se puede ocultar una celda en especial indentificandola por medio de un id ,

ej1236 · #2 (**permalink**) 09/04/2003, 18:13

bueno pues seria cosa de que le agregaras el mismo id a las demas celdas de la columna o a menos que quieras hacer un rowspan y hacer una sola columna, pero es lo mismo

Berletzis · #3 (**permalink**) 21/06/2004, 15:50

hay te va el codigo espero sea de ayuda bye atte: Berletzis

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Columnas  1  2  3  4  5</title>

<script language="javascript">
var showMode = 'table-cell';
if (document.all) showMode='block';
function toggleVis(btn){
btn = document.forms['tcol'].elements[btn];
cells = document.getElementsByName('t'+btn.name);
mode = btn.checked ? showMode : 'none';
for(j = 0; j < cells.length; j++) cells[j].style.display = mode;
}

</script>

</head>

<body>
<form name="tcol" onsubmit="return false">
Columnas
<input type=checkbox name="col1" onclick="toggleVis(this.name)" checked> 1
<input type=checkbox name="col2" onclick="toggleVis(this.name)" checked> 2
<input type=checkbox name="col3" onclick="toggleVis(this.name)" checked> 3
<input type=checkbox name="col4" onclick="toggleVis(this.name)" checked> 4
<input type=checkbox name="col5" onclick="toggleVis(this.name)" checked> 5
</form>

<table border=1>
<tr>
<td name="tcol1" id="tcol1" class="bold">columna1</td>
<td name="tcol2" id="tcol2">columna2</td>
<td name="tcol3" id="tcol3" class="italic">columna3</td>
<td name="tcol4" id="tcol4">columna4</td>
<td name="tcol5" id="tcol5">columna5 </td>
</tr>
<tr>
<td name="tcol1" id="tcol1" class="bold"> </td>
<td name="tcol2" id="tcol2"> </td>
<td name="tcol3" id="tcol3" class="italic"> </td>
<td name="tcol4" id="tcol4"> </td>
<td name="tcol5" id="tcol5"> </td>
</tr>
</table>

</body>

</html>