<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>