论坛首页 Web前端技术论坛

table 原来还可以这样用啊

浏览 30580 次
该帖已经被评为隐藏帖
作者 正文
   发表时间:2008-10-24  

     因为页面的需要,要对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的没一列进行一些样式的设置

 

 

  • 大小: 19 KB
   发表时间:2008-10-24  
你对HTML了解吗?

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

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

结果……

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

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

http://www.iteye.com/topic/250687
只有领悟其中才能够具有:优雅降级的视角、渐进增强的视角。
0 请登录后投票
   发表时间:2008-10-24  
zbm2001 写道

你对HTML了解吗?

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

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

结果……

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

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

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

你以前用过这个标签吗?
0 请登录后投票
   发表时间:2008-10-24  
05年了解《网站重构》并深入WEB标准以来,无时不刻本着这个理念做开发的

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

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


0 请登录后投票
   发表时间:2008-10-24  
zbm2001 写道

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

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

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

你说你学了这么多有什么用啊,其实了解太深也没有什么用啊,我们不是研究员,我们只要在遇到问题的时候知道怎么样去解决,我觉得能做到这一点已经够了
0 请登录后投票
   发表时间:2008-10-24  
liyiye 写道
zbm2001 写道

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

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

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

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

任何行业,都要深入学习,浅尝辄止不是好习惯
0 请登录后投票
   发表时间:2008-10-24  
jncz 写道

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

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

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

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


但也不能太深了,要不就变成钻牛角尖了,我觉得什么东西都要先博后精的
0 请登录后投票
   发表时间:2008-10-24  
每一个真正深入WEB开发的人员所必由的。
如果不是,浅尝辄止好了。

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

你说我们只要在遇到问题的时候知道怎么样去解决,这个一点没错。
但是——没有扎实的基础知识,即使你能够变通的勉强解决一些问题(就比如某些多需求的表格模块、css框架、ajax框架等),也往往是麻烦和丑陋的,甚至难以维护。
0 请登录后投票
   发表时间:2008-10-24  
直接用两列的不就行了吗?
干吗这么麻烦
0 请登录后投票
   发表时间:2008-10-24  
chendonghai 写道

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

主要是要动态显示和隐藏列,跟脚步语言一起使用,不知道你有什么更好的方法吗?
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics