table 原来还可以这样用啊

     因为页面的需要，要对table的每一列进行显示和隐藏的操作，感觉没有什么好的方法，没有想到上网找了一下，居然发现了一个好的标签（狠汗颜）， <COLGROUP>

     以下是一个小例子：

 

/********************************/

 

   <TABLE   border=1   width=90%>  
      <COLGROUP     bgcolor=red>  
          <col   style="display:   none">  
          <col   bgcolor=green>  
          <col >  
     </COLGROUP>  
  <TBODY>  
  <TR>  
  <TD>1111</TD>  
  <TD>222</TD>  
  <TD>3333</TD>  
  </TR>  
  <TR>  
  <TD>1111</TD>  
  <TD>222</TD>  
  <TD>3333</TD>  
  </TR>  
  <TR>  
  <TD>1111</TD>  
  <TD>222</TD>  
  <TD>3333</TD>  
  </TR>  
  </TABLE>

/********************************/

 

col 可以对table的没一列进行一些样式的设置

 

 

评论

17 楼 zhonggeneral 2008-10-25  

路过学习精神

16 楼 stephen830 2008-10-25  

期待firefox也尽快能修复colgroup这个bug.

15 楼 insiku 2008-10-25  

KKFC 写道

引用

你对HTML了解吗？

劈头就问。
俗话说，隔行如隔山，也许coder曾不屑于这些“简单”的tag，但对于天天接触前端的“美工”、界面程序员早已对这些司空见惯了。没事，这东西大家看一下就懂了

惭愧
我只知道HOW TO ....

14 楼 salaxun 2008-10-25  

firefox3 无效？

13 楼 EXvision 2008-10-25  

这帖子有失javaeye的风格。
我差点以为自己在看XXDN。

楼主的代码很好，学习了！真是没接触过。

12 楼 struas 2008-10-25  

不错啊 值得学习

11 楼 sunarrow 2008-10-25  

liyiye 写道

zbm2001 写道

05年了解《网站重构》并深入WEB标准以来，无时不刻本着这个理念做开发的

基本通读了html4、xhtml1、CSS1-2.1规范，了解xhtml2、CSS3草案、ECMA以及xml相关系列，
我认为这些是每一个真正深入WEB开发的人员所必由的。

回头来看，虽然有面对阻力的艰辛和甚至曾经的孤独……

你说你学了这么多有什么用啊，其实了解太深也没有什么用啊，我们不是研究员，我们只要在遇到问题的时候知道怎么样去解决，我觉得能做到这一点已经够了

我实在是弄不明白，现在的小孩怎么总是“无知”还很有理！！

10 楼 KKFC 2008-10-25  

引用

你对HTML了解吗？

劈头就问。
俗话说，隔行如隔山，也许coder曾不屑于这些“简单”的tag，但对于天天接触前端的“美工”、界面程序员早已对这些司空见惯了。没事，这东西大家看一下就懂了

9 楼 liyiye 2008-10-24  

chendonghai 写道

直接用两列的不就行了吗?
干吗这么麻烦

主要是要动态显示和隐藏列，跟脚步语言一起使用，不知道你有什么更好的方法吗？

8 楼 chendonghai 2008-10-24  

直接用两列的不就行了吗?
干吗这么麻烦

7 楼 zbm2001 2008-10-24  

每一个真正深入WEB开发的人员所必由的。
如果不是，浅尝辄止好了。

比如一楼的的<colgroup><col />列、列组控制标签以及表格头、注脚等，在系统项目表格控件和模块中合理准确的应用，会自然而然的使得你对表格的控制得心应手，代码也变得优雅简洁，语义易读。

你说我们只要在遇到问题的时候知道怎么样去解决，这个一点没错。
但是——没有扎实的基础知识，即使你能够变通的勉强解决一些问题（就比如某些多需求的表格模块、css框架、ajax框架等），也往往是麻烦和丑陋的，甚至难以维护。

6 楼 liyiye 2008-10-24  

jncz 写道

liyiye 写道zbm2001 写道
05年了解《网站重构》并深入WEB标准以来，无时不刻本着这个理念做开发的

基本通读了html4、xhtml1、CSS1-2.1规范，了解xhtml2、CSS3草案、ECMA以及xml相关系列，
我认为这些是每一个真正深入WEB开发的人员所必由的。

回头来看，虽然有面对阻力的艰辛和甚至曾经的孤独……

你说你学了这么多有什么用啊，其实了解太深也没有什么用啊，我们不是研究员，我们只要在遇到问题的时候知道怎么样去解决，我觉得能做到这一点已经够了任何行业，都要深入学习，浅尝辄止不是好习惯

但也不能太深了，要不就变成钻牛角尖了，我觉得什么东西都要先博后精的

5 楼 jncz 2008-10-24  

liyiye 写道

zbm2001 写道

05年了解《网站重构》并深入WEB标准以来，无时不刻本着这个理念做开发的

基本通读了html4、xhtml1、CSS1-2.1规范，了解xhtml2、CSS3草案、ECMA以及xml相关系列，
我认为这些是每一个真正深入WEB开发的人员所必由的。

回头来看，虽然有面对阻力的艰辛和甚至曾经的孤独……

你说你学了这么多有什么用啊，其实了解太深也没有什么用啊，我们不是研究员，我们只要在遇到问题的时候知道怎么样去解决，我觉得能做到这一点已经够了

任何行业，都要深入学习，浅尝辄止不是好习惯

4 楼 liyiye 2008-10-24  

zbm2001 写道

05年了解《网站重构》并深入WEB标准以来，无时不刻本着这个理念做开发的

基本通读了html4、xhtml1、CSS1-2.1规范，了解xhtml2、CSS3草案、ECMA以及xml相关系列，
我认为这些是每一个真正深入WEB开发的人员所必由的。

回头来看，虽然有面对阻力的艰辛和甚至曾经的孤独……

你说你学了这么多有什么用啊，其实了解太深也没有什么用啊，我们不是研究员，我们只要在遇到问题的时候知道怎么样去解决，我觉得能做到这一点已经够了

3 楼 zbm2001 2008-10-24  

05年了解《网站重构》并深入WEB标准以来，无时不刻本着这个理念做开发的

基本通读了html4、xhtml1、CSS1-2.1规范，了解xhtml2、CSS3草案、ECMA以及xml相关系列，
我认为这些是每一个真正深入WEB开发的人员所必由的。

回头来看，虽然有面对阻力的艰辛和甚至曾经的孤独……

2 楼 liyiye 2008-10-24  

zbm2001 写道

你对HTML了解吗？

经常有程序员就嗤之以鼻道：“那个HTML，还有什么我不了解的吗”。

然后就问道：“程序员在WEB开发中，与表格打交道最多了，你能写全表格所包含的所有标签、大部分的属性以及它们所表达的语义吗，以确保页面在各种设备中无障碍的表达这些信息？。”

结果……

还包括：
&lt;caption&gt; 表格标题
&lt;thead&gt; 表格头
&lt;tfoot&gt; 表格脚注

--------------------------------
html是基础、是核心、是语义。

http://www.iteye.com/topic/250687
只有领悟其中才能够具有：优雅降级的视角、渐进增强的视角。

你以前用过这个标签吗？

1 楼 zbm2001 2008-10-24  

你对HTML了解吗？

经常有程序员就嗤之以鼻道：“那个HTML，还有什么我不了解的吗”。

然后就问道：“程序员在WEB开发中，与表格打交道最多了，你能写全表格所包含的所有标签、大部分的属性以及它们所表达的语义吗，以确保页面在各种设备中无障碍的表达这些信息？。”

结果……

还包括：
<caption> 表格标题
<thead> 表格头
<tfoot> 表格脚注

--------------------------------
html是基础、是核心、是语义。

http://www.iteye.com/topic/250687
只有领悟其中才能够具有：优雅降级的视角、渐进增强的视角。