table 选择隐藏列

Callan · 发表于 2013-2-4 19:55:01

经常碰到不显示table的某一行,有时也需要隐藏table的一列.
比如表格有'名称','简介','点击数','发表时间'等,现在想选择隐藏发表时间等.以后是个测试例子:

共有两个html页面,index.html和sub.html

index.html
<html><head><script>function select_onClick(){tempvalue = window.showModelessDialog("sub.html",window,"dialogHeight:570px;dialogWidth:650px;dialogTop:120px;dialogLeft:100px"); if(tempvalue!=null){}}</script></head><body><table><tr><td colspan="4"><input type="button" value="选择显示的列" ></input></td></tr></table><table border="1"><col id="col1"> <col id="col2"> <col id="col3"> <col id="col4"><tr><td>名称</td><td>简介</td><td>点击数</td><td>发表时间</td></tr><tr><td>渔童 </td><td>这天小破孩闲来无事去钓鱼，钓了一条特殊的鱼，也可以说是这条鱼钓到了小...</td><td>1000</td><td>2008-1-31 9:07:28 </td></tr><tr><td>圆蛋风波 </td><td>小丫请小破孩吃饭，让小破孩自带鸡蛋：）因此，小破孩悄悄的走向鸡舍…… </td><td>1099</td><td>2008-1-1 9:07:45 </td></tr><tr><td>小破孩再生蛋 </td><td>小破孩前年生了一个蛋，去年又生了一个蛋，今年再生一个蛋…… </td><td>2333</td><td>2008-2-3 12:34:33</td></tr><tr><td>射雕后传 </td><td>中秋节是小破孩的生日，今年破孩小丫已经五岁了。…… </td><td>788</td><td>2007-2-3 12:34:33</td></tr></table></body></html>
sub.html
<html><head><script>function h(){var c = document.getElementsByName("cb"); var w=window.dialogArguments; var s=""; for(var i = 0; i < c.length; i++){var t = w.document.getElementById(c[i].value);if(c[i].checked){ if(s==""){ s=c[i].value; }else{ s=s+","+c[i].value; } t.style.display="";}else{ t.style.display="none";} }}</script></head><body><table border="1"><tr><td><input type="checkbox" name="cb" value="col1" checked>名称</input><input type="checkbox" name="cb" value="col2" checked>简介</input><input type="checkbox" name="cb" value="col3" checked>点击数</input><input type="checkbox" name="cb" value="col4" checked>发表时间</input></td></tr><tr><td colspan="4"><input type="button" value="确定" ></input></td></tr></table></body></html>

		自动登录	找回密码
密码			立即注册

table 选择隐藏列

浏览过的版块