请问如何实现列的可见性
需求是这样的：
用户可以在客户端控制Table的列的可见性？控制行的可见性，可以通过display:none实现的，那么列呢？
在网上没有查到相关资料，是不是通过DIV实现一个表呀？

------解决方案--------------------
循环设置单元格的display属性
------解决方案--------------------
<script language= "javascript ">
function hide(){
var obj = document.getElementById( "tbl ");
for(var i=0;i <obj.rows.length;i++){
obj.rows[i].cells[0].style.display= "none ";
}
}
</script>

<input type= "button " value= "hide " onclick= "hide() ">
<table id= "tbl ">
<tr> <td> 11 </td> <td> 12 </td> </tr>
<tr> <td> 21 </td> <td> 22 </td> </tr>
</table>
------解决方案--------------------
是不是colgroup可以做这个
http://htmlhelp.com/reference/html40/tables/colgroup.html
------解决方案--------------------
规则table可以采用1楼方法,不规则的....难喽
------解决方案--------------------
<table border=1 id= "table1 ">
<tr>
<td> 1111 </td> <td> 222 </td>
</tr>
<tr>
<td> 1111 </td> <td> 222 </td>
</tr>
<tr>
<td> 1111 </td> <td> 222 </td>
</tr>
</table>
<input name= "button1 " type= "button " value= "隐藏 " onclick=show()>
<script language=javascript>
function show()
{
var objTr=document.getElementById( "table1 ").childNodes[0].childNodes
for(var i=0;i <objTr.length;i++)
{
objTr[i].childNodes[1].style.display= "none "
}
}
</script>