`
liyiye
  • 浏览: 425079 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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的没一列进行一些样式的设置

 

 

  • 大小: 19 KB
分享到:
评论
77 楼 kxscr 2008-10-31  
liyiye 写道
kxscr 写道

liyiye 写道kxscr 写道
... 一群白痴 ~ 一段代码就扯这么多 服了你们了 ~


你会吗?


当然,我现在做东西从美工到编程都能独立完成的.

安心做技术就好了,为什么总要讨论的乱七八糟呢,我只是觉得没有必要.

况且学来的东西永远不是自己的(个人观点).如果学了,那就用来创造吧!

那你知道这个标签的功能是怎么实现的吗?你觉得这个问题很简单吗?你能有很好的方法实现table的某一列的显示和隐藏功能吗?你要考虑到兼容行,以及运行的速度不影响用户的体验。

用上面的方法出了浏览器不兼容之外,在ie下面当数据比较大的时候(我测试的是500条数据左右),运行很慢。
后来我用用循环(javascript)实现,不存在兼容性的问题,在firefox,opera下面运行很正常,也很快,当在ie下运行就很慢。
   不知道你有没有什么更好的方法


500条数据 我没用过这么多 一般我是分页或者ajax动态加载的  如果表格列多了一般到了50条 速度都会明显下降了 ~
76 楼 kxscr 2008-10-31  
kimmking 写道
kxscr 写道
liyiye 写道
kxscr 写道

... 一群白痴 ~ 一段代码就扯这么多 服了你们了 ~


你会吗?


当然,我现在做东西从美工到编程都能独立完成的.

安心做技术就好了,为什么总要讨论的乱七八糟呢,我只是觉得没有必要.

况且学来的东西永远不是自己的(个人观点).如果学了,那就用来创造吧!

“当然,我现在做东西从美工到编程都能独立完成的. ”


这也叫创造。
太2了。


“安心做技术就好了,为什么总要讨论的乱七八糟呢,我只是觉得没有必要. "


没必要讨论你海冒出来讨论个p啊


你思考方式有问题 ...
很明显  "当然,我现在做东西从美工到编程都能独立完成的." 是回答 "你会吗?" 这一句话的

不知道你是不是经常做这样的错事?
基本的前后文关系都分不清,真的不适合写代码之类的.
75 楼 liyiye 2008-10-31  
kxscr 写道

liyiye 写道kxscr 写道
... 一群白痴 ~ 一段代码就扯这么多 服了你们了 ~


你会吗?


当然,我现在做东西从美工到编程都能独立完成的.

安心做技术就好了,为什么总要讨论的乱七八糟呢,我只是觉得没有必要.

况且学来的东西永远不是自己的(个人观点).如果学了,那就用来创造吧!

那你知道这个标签的功能是怎么实现的吗?你觉得这个问题很简单吗?你能有很好的方法实现table的某一列的显示和隐藏功能吗?你要考虑到兼容行,以及运行的速度不影响用户的体验。

用上面的方法出了浏览器不兼容之外,在ie下面当数据比较大的时候(我测试的是500条数据左右),运行很慢。
后来我用用循环(javascript)实现,不存在兼容性的问题,在firefox,opera下面运行很正常,也很快,当在ie下运行就很慢。
   不知道你有没有什么更好的方法
74 楼 redge 2008-10-31  
浏览器都不兼容,白搭
73 楼 kimmking 2008-10-31  
kxscr 写道
liyiye 写道
kxscr 写道

... 一群白痴 ~ 一段代码就扯这么多 服了你们了 ~


你会吗?


当然,我现在做东西从美工到编程都能独立完成的.

安心做技术就好了,为什么总要讨论的乱七八糟呢,我只是觉得没有必要.

况且学来的东西永远不是自己的(个人观点).如果学了,那就用来创造吧!

“当然,我现在做东西从美工到编程都能独立完成的. ”


这也叫创造。
太2了。


“安心做技术就好了,为什么总要讨论的乱七八糟呢,我只是觉得没有必要. "


没必要讨论你海冒出来讨论个p啊
72 楼 kxscr 2008-10-31  
liyiye 写道
kxscr 写道

... 一群白痴 ~ 一段代码就扯这么多 服了你们了 ~


你会吗?


当然,我现在做东西从美工到编程都能独立完成的.

安心做技术就好了,为什么总要讨论的乱七八糟呢,我只是觉得没有必要.

况且学来的东西永远不是自己的(个人观点).如果学了,那就用来创造吧!
71 楼 kimmking 2008-10-31  
it's professional
thanks to zbm

you're so nice
70 楼 liyiye 2008-10-31  
kxscr 写道

... 一群白痴 ~ 一段代码就扯这么多 服了你们了 ~


你会吗?
69 楼 kxscr 2008-10-31  
... 一群白痴 ~
一段代码就扯这么多 服了你们了 ~
68 楼 liyiye 2008-10-31  
zhuhongmingzhm 写道

liyiye 写道kaipingk@gmail.com 写道
支持zbm2001, 学一种东西就要学精,学专,看看现在国内好多网站都是一塌糊涂。




做一个网站是需要很多方面的知识,难道你为了做一个网站把所有的知识点都学透,学深。现实是没有给你太多的时间,让你去研究的,所以我不同意你的看法。当然如果你只是负责其中的一个小的方面,例如只是用html写一些页面,那你当然可以把这个学的很深,很透彻。但是那样又有什么意义啊?


总是为做而做么?

软件真的是一门艺术。

如果换一个位置,你的前面没有人可以依靠,没有google,你该如何?

支持zbm2001  这才是心目中的软件工程师,呵呵。



如果我的前面没有人可以依靠,那么说我就是站在技术的前沿,这些人就是专门研究技术的,以便让别人更快的开发,所以他们只能学精。这些是给别人依靠的。
当你前面有人依靠,他已经把东西分析好了,难道你还要重复的去研究它吗?难道每个科学家都要去研究别人研究好的成功吗

67 楼 liyiye 2008-10-31  
woodless 写道

香克斯 写道zbm2001的观点很支持。
现在浮躁的人太多了,能这么静下心来研究基础和规范的人少啊

同意。

像lz这样的问题是由于对基础掌握不好所致,建议lz静下心来读读html、css、javascript三大权威指南,看过之后,很多问题便不是问题。



如果你觉得你静下心来读一读html、css、javascript,估计很快就可以看完,可是要真正掌握里面的东西,你说要几年呢?我个人保守估计要3年,而且在这个3年里面你刚好接触了里面的各个方面的知识点,并且用于实践,但是这样的机会不是每个人都有,而且不是每个人都能每天只是研究这些东西。所以算下来,一个正常点的人要真正掌握上述的几个东西要4,5年左右,不知道你们觉得我说的怎么样啊
66 楼 zhuhongmingzhm 2008-10-31  
liyiye 写道
kaipingk@gmail.com 写道

支持zbm2001, 学一种东西就要学精,学专,看看现在国内好多网站都是一塌糊涂。




做一个网站是需要很多方面的知识,难道你为了做一个网站把所有的知识点都学透,学深。现实是没有给你太多的时间,让你去研究的,所以我不同意你的看法。当然如果你只是负责其中的一个小的方面,例如只是用html写一些页面,那你当然可以把这个学的很深,很透彻。但是那样又有什么意义啊?


总是为做而做么?

软件真的是一门艺术。

如果换一个位置,你的前面没有人可以依靠,没有google,你该如何?

支持zbm2001  这才是心目中的软件工程师,呵呵。

65 楼 walkman 2008-10-31  
liyiye 写道

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


javaeye上的人都是很较真很专业的,知道什么叫专业不?专业的精神就是,假如你是一个卖烟的,你找人家钱的时候你绝不会漫无经心地把钱扔在客人面前,而会把钱叠整齐礼貌地双手递给客人

佩服那位抱小孩的牛人,你的执着和专业让我肃然起敬,你是我的榜样!什么事情不做则已,做就做到最完美!
64 楼 yc_plan 2008-10-30  
学习下。。。。。。。。。。。。
63 楼 belover 2008-10-30  
不谈资历,我们谁也别谈,只谈技术。氛围很重要。干嘛总说多年 如何 如何。
哪个不是从刚入门开始,软件开发的思想不是与生俱来的,成长为expert级的程序员是需要时间的。
不过基础的确是很重要。基础的掌握也不是 读了几本书 就能透彻的理解的
我们承认经验的重要性。但有时候 经验 是很不靠谱的事。

最后 愿 楼主  打好基础 再接再厉。更进一步。
62 楼 danielli007 2008-10-30  
支持zbm2001的观点,每一个程序员如果都能像这样的人踏踏实实,世界会因我们而精彩!
61 楼 protti 2008-10-30  
需要看什么就看什么?

楼主请继续下去

至于你说的先博而后精,只能说这说法出去忽悠人可以,对自己没什么帮助。

60 楼 woodless 2008-10-30  
香克斯 写道
zbm2001的观点很支持。
现在浮躁的人太多了,能这么静下心来研究基础和规范的人少啊


同意。

像lz这样的问题是由于对基础掌握不好所致,建议lz静下心来读读html、css、javascript三大权威指南,看过之后,很多问题便不是问题。
59 楼 yifur 2008-10-30  
我用几个浏览器看了,有些并不兼融,像Google,FF都看不到效果
58 楼 bright82 2008-10-29  
顶 zbm2001 ,现在感觉是不论公司还是程序员都浮躁成风,对技术的沉淀与研究都不够.往往做事也是虎头蛇尾,很多时候只是忙忙碌碌的忙了一个项目又一个项目,而收获的呢?当没项目做了呢?我想这应该是很多软件公司和技术人员需要思考的问题

相关推荐

    table嵌套table边框样式

    在CSS中,我们可以用以下属性来调整表格的边框: 1. `border`: 设置元素的边框宽度、样式和颜色。 2. `border-collapse`: 控制表格的边框合并。默认值为`separate`,表示边框分开;设为`collapse`时,相邻边框会...

    安卓使用smartTable生成表格

    在安卓平台上,开发人员经常需要处理...通过熟练掌握SmartTable的使用,开发者可以轻松地在安卓应用中实现复杂的表格功能,提升用户体验。在实际项目中,可以根据具体需求进行选择和定制,以满足不同场景下的表格需求。

    SAP table control使用介绍

    在 ABAP 程序中,需要使用 `CONTROLS &lt;tab_ctrl_name&gt; TYPE TABLEVIEW USING SCREEN &lt;screen_no&gt;.` 这样的语句来声明一个 Table Control。这里的 `&lt;screen_no&gt;` 指的是在屏幕设计器中定义的屏幕编号。 3. **Table ...

    vxe-table vue table 表格组件功能

    vxe-table还提供了Excel表格例子,帮助开发者理解和学习如何将Excel中的数据转换为vxe-table可以展示的格式,这对于希望从传统表格软件迁移到Web应用的用户来说非常有用。 最后,为了展示vxe-table的具体应用,文档...

    matlab开发-table

    可以使用`readtable`和`writetable`函数从CSV、Excel、数据库等文件导入和导出Table数据。 8. **代码示例**: `table.m`文件很可能包含一个示例脚本,演示了如何创建、操作和显示Table。通常,这样的文件会涵盖...

    div table的使用

    在网页设计中,`div` 和 `table` 是两种非常重要的HTML元素,它们各自有着不同的用途和特性。...总的来说,结合使用`div`和服务器端生成的`table`,我们可以创建出既高效又能满足复杂需求的网页应用。

    ElementUI transfer+table.zip

    在ElementUI中,Table组件支持自定义列模板,可以根据需求灵活配置列的显示内容和样式,还能与其他组件如Pagination(分页)和Filter(过滤)结合使用,实现复杂的数据处理。 结合"穿梭框+table"的标签,我们可以...

    Bootstrap-table分页+汇总统计

    为了使表格更具交互性,我们还可以利用 Bootstrap-table 的事件监听功能,例如 `onLoadSuccess` 事件可以在数据加载成功后执行特定操作,`onClickRow` 事件则可以在用户点击某一行时触发相应代码。 在实际应用中,...

    piecetable.zip

    在C语言中,处理piecetable这样的数据结构时,需要注意内存管理和效率问题。例如,为了提高查找速度,piecetable可能采用了某种形式的索引或哈希映射。同时,由于C语言没有内置的垃圾回收机制,程序员必须手动管理...

    实现bootstrap table可设置列宽和可拖动列宽

    总之,实现 Bootstrap Table 的列宽设置和拖动功能,需要结合使用 `data-width` 属性、Bootstrap Table 本身以及第三方的列宽拖动插件。通过这样的配置,我们可以为用户提供更加灵活和友好的数据查看体验。

    改变el-table宽度

    在Vue.js框架中,结合Element UI库,我们可以创建高度可定制化的表格组件。在给定的场景中,开发者想要...在实际开发中,还可以进一步优化,比如增加列宽调整的动画效果,或者添加列宽锁定功能,以满足更多样化的需求。

    table2Excel.rar

    为解决这个问题,可以考虑在转换前,将重要的CSS样式内联到表格的HTML元素上,或者使用Table2Excel.js提供的`styles`参数来自定义导出的样式。 此外,对于大型表格,性能可能是个问题。为提高效率,可以考虑分块...

    TableTree 表格树

    每个节点可以展开或折叠,展示或隐藏其子节点,这样用户可以根据需要查看不同级别的信息,有效降低了复杂数据的阅读难度。TableTree在各种管理软件、数据分析工具和Web应用中都有广泛的应用。 二、TableTree实现...

    bootstrap-table拖拽表格改变列宽

    Bootstrap Table 是一...总的来说,通过使用Bootstrap Table结合colResizable插件,我们可以轻松实现拖拽调整列宽的功能,同时保持表格的美观和功能性。这使得用户可以根据自己的需求自定义表格视图,提高了交互体验。

    boostrap table附带各国语言

    通过这样的方式,我们可以轻松地构建一个具有中文界面的、功能齐全的Bootstrap Table。开发者可以根据实际需求调整配置,利用提供的API和事件来实现更复杂的交互和功能。同时,由于其轻量级和灵活性,Bootstrap ...

    【JavaScript源代码】vue 中使用 vxe-table 制作可编辑表格的使用过程.docx

    例如,如果我们想让“名称”列使用输入框编辑,可以这样配置: ```html &lt;vxe-table-column field="name" title="名称" edit-render="{name: 'input'}"&gt;&lt;/vxe-table-column&gt; ``` 同时,为了处理编辑操作,我们需要...

    Table转div+css工具

    使用此工具,开发者可以: 1. **保持原有数据结构不变**:工具会保留表格中的数据顺序和关系,转换为Div后,内容不会丢失。 2. **优化代码结构**:转换后的代码更符合现代Web开发标准,Div+CSS结构使得代码更清晰,...

    css用ul取代table

    2. **布局复原**:利用CSS的`display`属性,设置`&lt;ul&gt;`为`table`,`&lt;li&gt;`为`table-row`,单元格元素如`&lt;span&gt;`为`table-cell`,这样可以恢复表格布局。 3. **单元格对齐**:通过`text-align`和`vertical-align`属性...

    Layui组件Table绑定行点击事件和获取行数据的方法

    其中,Table组件是一个常用的数据展示组件,它不仅可以展示数据,还提供了丰富的交互功能,比如行点击事件的绑定和获取行数据。Layui的Table组件的使用是前端开发中非常基础且重要的技能,接下来详细解析如何在Layui...

    ORACLE Rename Table的语法

    这样可以确保重命名操作的正确性和安全性。 在某些情况下,需要对主键约束和主键索引重新命名,可以采用以下方法: SQL&gt; ALTER TABLE pc59 RENAME CONSTRAINT SYS_C00421221 TO PK_PC59; Table altered SQL&gt; ALTER...

Global site tag (gtag.js) - Google Analytics