`
liyiye
  • 浏览: 423964 次
  • 性别: 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
分享到:
评论
97 楼 muyu 2008-11-09  
领教了,条条大路通罗马,各位所言,都有值得借鉴的地方。html语义重视得还远远不够,不能让DIV替代一切,就像当初的Table一样!
96 楼 java.lang.Object 2008-11-08  
支持 zbm2001,这种研究的精神很值得我们去学习
95 楼 wzpwork 2008-11-07  
怎么样才能成为专家,要像zbm2001 这样才能成为专家.

zbm2001 希望能多跟你学习.谢谢你的代码.
94 楼 srdrm 2008-11-06  
还有个办法,可以给每一列td加不不同的类, 第一列td为 td1, 第二列td为 td2, 然后想隐藏时, 直接对类加入样式操作.
93 楼 srdrm 2008-11-06  
不同意二楼的批评,不知者无罪.什么都知道不可能. 我们应该有容乃大. 不知道就批没什么意义. 还硬性定位别人为一个优秀WEB程序员
92 楼 Hafeyang 2008-11-06  
只在IE下能看到效果  FireFox Chrome 都没效果
91 楼 DoubleEO 2008-11-05  
zbm2001 写道
每一个真正深入WEB开发的人员所必由的。
如果不是,浅尝辄止好了。

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

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


说的太好了,我周围许多学Java的就是,知道怎么用,有的也能解决问题,但是根本不知道原理!
90 楼 zdz8207 2008-11-05  
可惜火狐下面不起作用,COLGROUP这个标签不是标准的标签,另外还有像数据岛那些技术在ie下可以很好的工作,但在火狐下就没撤了!
但现在的趋势是向标准化进化的,火狐使用人数多起来后就不得不兼容了--现在一般的公司都要求兼容火狐了。
89 楼 FAT0708 2008-11-05  
本来是讨论问题的,服了你们了。晕。
88 楼 by5739 2008-11-04  
kxscr 写道
附件传不上去 闷 404错误 ..~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title>新文档</title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style type="text/css">
	body,td{font-size:12px}
	td{border:1px #006600 solid}
  </style>
  <script language="javascript">
  <!--
	//生成的js数据 500项
var data = [{"行号":1,"列数据":"(1,2)"},{"行号":2,"列数据":"(2,2)"},{"行号":3,"列数据":"(3,2)"},{"行号":4,"列数据":"(4,2)"},{"行号":5,"列数据":"(5,2)"},{"行号":6,"列数据":"(6,2)"},{"行号":7,"列数据":"(7,2)"},{"行号":8,"列数据":"(8,2)"},{"行号":9,"列数据":"(9,2)"},{"行号":10,"列数据":"(10,2)"},{"行号":11,"列数据":"(11,2)"},{"行号":12,"列数据":"(12,2)"},{"行号":13,"列数据":"(13,2)"},{"行号":14,"列数据":"(14,2)"},{"行号":15,"列数据":"(15,2)"},{"行号":16,"列数据":"(16,2)"},{"行号":17,"列数据":"(17,2)"},{"行号":18,"列数据":"(18,2)"},{"行号":19,"列数据":"(19,2)"},{"行号":20,"列数据":"(20,2)"},{"行号":21,"列数据":"(21,2)"},{"行号":22,"列数据":"(22,2)"},{"行号":23,"列数据":"(23,2)"},{"行号":24,"列数据":"(24,2)"},{"行号":25,"列数据":"(25,2)"},{"行号":26,"列数据":"(26,2)"},{"行号":27,"列数据":"(27,2)"},{"行号":28,"列数据":"(28,2)"},{"行号":29,"列数据":"(29,2)"},{"行号":30,"列数据":"(30,2)"},{"行号":31,"列数据":"(31,2)"},{"行号":32,"列数据":"(32,2)"},{"行号":33,"列数据":"(33,2)"},{"行号":34,"列数据":"(34,2)"},{"行号":35,"列数据":"(35,2)"},{"行号":36,"列数据":"(36,2)"},{"行号":37,"列数据":"(37,2)"},{"行号":38,"列数据":"(38,2)"},{"行号":39,"列数据":"(39,2)"},{"行号":40,"列数据":"(40,2)"},{"行号":41,"列数据":"(41,2)"},{"行号":42,"列数据":"(42,2)"},{"行号":43,"列数据":"(43,2)"},{"行号":44,"列数据":"(44,2)"},{"行号":45,"列数据":"(45,2)"},{"行号":46,"列数据":"(46,2)"},{"行号":47,"列数据":"(47,2)"},{"行号":48,"列数据":"(48,2)"},{"行号":49,"列数据":"(49,2)"},{"行号":50,"列数据":"(50,2)"},{"行号":51,"列数据":"(51,2)"},{"行号":52,"列数据":"(52,2)"},{"行号":53,"列数据":"(53,2)"},{"行号":54,"列数据":"(54,2)"},{"行号":55,"列数据":"(55,2)"},{"行号":56,"列数据":"(56,2)"},{"行号":57,"列数据":"(57,2)"},{"行号":58,"列数据":"(58,2)"},{"行号":59,"列数据":"(59,2)"},{"行号":60,"列数据":"(60,2)"},{"行号":61,"列数据":"(61,2)"},{"行号":62,"列数据":"(62,2)"},{"行号":63,"列数据":"(63,2)"},{"行号":64,"列数据":"(64,2)"},{"行号":65,"列数据":"(65,2)"},{"行号":66,"列数据":"(66,2)"},{"行号":67,"列数据":"(67,2)"},{"行号":68,"列数据":"(68,2)"},{"行号":69,"列数据":"(69,2)"},{"行号":70,"列数据":"(70,2)"},{"行号":71,"列数据":"(71,2)"},{"行号":72,"列数据":"(72,2)"},{"行号":73,"列数据":"(73,2)"},{"行号":74,"列数据":"(74,2)"},{"行号":75,"列数据":"(75,2)"},{"行号":76,"列数据":"(76,2)"},{"行号":77,"列数据":"(77,2)"},{"行号":78,"列数据":"(78,2)"},{"行号":79,"列数据":"(79,2)"},{"行号":80,"列数据":"(80,2)"},{"行号":81,"列数据":"(81,2)"},{"行号":82,"列数据":"(82,2)"},{"行号":83,"列数据":"(83,2)"},{"行号":84,"列数据":"(84,2)"},{"行号":85,"列数据":"(85,2)"},{"行号":86,"列数据":"(86,2)"},{"行号":87,"列数据":"(87,2)"},{"行号":88,"列数据":"(88,2)"},{"行号":89,"列数据":"(89,2)"},{"行号":90,"列数据":"(90,2)"},{"行号":91,"列数据":"(91,2)"},{"行号":92,"列数据":"(92,2)"},{"行号":93,"列数据":"(93,2)"},{"行号":94,"列数据":"(94,2)"},{"行号":95,"列数据":"(95,2)"},{"行号":96,"列数据":"(96,2)"},{"行号":97,"列数据":"(97,2)"},{"行号":98,"列数据":"(98,2)"},{"行号":99,"列数据":"(99,2)"},{"行号":100,"列数据":"(100,2)"},{"行号":101,"列数据":"(101,2)"},{"行号":102,"列数据":"(102,2)"},{"行号":103,"列数据":"(103,2)"},{"行号":104,"列数据":"(104,2)"},{"行号":105,"列数据":"(105,2)"},{"行号":106,"列数据":"(106,2)"},{"行号":107,"列数据":"(107,2)"},{"行号":108,"列数据":"(108,2)"},{"行号":109,"列数据":"(109,2)"},{"行号":110,"列数据":"(110,2)"},{"行号":111,"列数据":"(111,2)"},{"行号":112,"列数据":"(112,2)"},{"行号":113,"列数据":"(113,2)"},{"行号":114,"列数据":"(114,2)"},{"行号":115,"列数据":"(115,2)"},{"行号":116,"列数据":"(116,2)"},{"行号":117,"列数据":"(117,2)"},{"行号":118,"列数据":"(118,2)"},{"行号":119,"列数据":"(119,2)"},{"行号":120,"列数据":"(120,2)"},{"行号":121,"列数据":"(121,2)"},{"行号":122,"列数据":"(122,2)"},{"行号":123,"列数据":"(123,2)"},{"行号":124,"列数据":"(124,2)"},{"行号":125,"列数据":"(125,2)"},{"行号":126,"列数据":"(126,2)"},{"行号":127,"列数据":"(127,2)"},{"行号":128,"列数据":"(128,2)"},{"行号":129,"列数据":"(129,2)"},{"行号":130,"列数据":"(130,2)"},{"行号":131,"列数据":"(131,2)"},{"行号":132,"列数据":"(132,2)"},{"行号":133,"列数据":"(133,2)"},{"行号":134,"列数据":"(134,2)"},{"行号":135,"列数据":"(135,2)"},{"行号":136,"列数据":"(136,2)"},{"行号":137,"列数据":"(137,2)"},{"行号":138,"列数据":"(138,2)"},{"行号":139,"列数据":"(139,2)"},{"行号":140,"列数据":"(140,2)"},{"行号":141,"列数据":"(141,2)"},{"行号":142,"列数据":"(142,2)"},{"行号":143,"列数据":"(143,2)"},{"行号":144,"列数据":"(144,2)"},{"行号":145,"列数据":"(145,2)"},{"行号":146,"列数据":"(146,2)"},{"行号":147,"列数据":"(147,2)"},{"行号":148,"列数据":"(148,2)"},{"行号":149,"列数据":"(149,2)"},{"行号":150,"列数据":"(150,2)"},{"行号":151,"列数据":"(151,2)"},{"行号":152,"列数据":"(152,2)"},{"行号":153,"列数据":"(153,2)"},{"行号":154,"列数据":"(154,2)"},{"行号":155,"列数据":"(155,2)"},{"行号":156,"列数据":"(156,2)"},{"行号":157,"列数据":"(157,2)"},{"行号":158,"列数据":"(158,2)"},{"行号":159,"列数据":"(159,2)"},{"行号":160,"列数据":"(160,2)"},{"行号":161,"列数据":"(161,2)"},{"行号":162,"列数据":"(162,2)"},{"行号":163,"列数据":"(163,2)"},{"行号":164,"列数据":"(164,2)"},{"行号":165,"列数据":"(165,2)"},{"行号":166,"列数据":"(166,2)"},{"行号":167,"列数据":"(167,2)"},{"行号":168,"列数据":"(168,2)"},{"行号":169,"列数据":"(169,2)"},{"行号":170,"列数据":"(170,2)"},{"行号":171,"列数据":"(171,2)"},{"行号":172,"列数据":"(172,2)"},{"行号":173,"列数据":"(173,2)"},{"行号":174,"列数据":"(174,2)"},{"行号":175,"列数据":"(175,2)"},{"行号":176,"列数据":"(176,2)"},{"行号":177,"列数据":"(177,2)"},{"行号":178,"列数据":"(178,2)"},{"行号":179,"列数据":"(179,2)"},{"行号":180,"列数据":"(180,2)"},{"行号":181,"列数据":"(181,2)"},{"行号":182,"列数据":"(182,2)"},{"行号":183,"列数据":"(183,2)"},{"行号":184,"列数据":"(184,2)"},{"行号":185,"列数据":"(185,2)"},{"行号":186,"列数据":"(186,2)"},{"行号":187,"列数据":"(187,2)"},{"行号":188,"列数据":"(188,2)"},{"行号":189,"列数据":"(189,2)"},{"行号":190,"列数据":"(190,2)"},{"行号":191,"列数据":"(191,2)"},{"行号":192,"列数据":"(192,2)"},{"行号":193,"列数据":"(193,2)"},{"行号":194,"列数据":"(194,2)"},{"行号":195,"列数据":"(195,2)"},{"行号":196,"列数据":"(196,2)"},{"行号":197,"列数据":"(197,2)"},{"行号":198,"列数据":"(198,2)"},{"行号":199,"列数据":"(199,2)"},{"行号":200,"列数据":"(200,2)"},{"行号":201,"列数据":"(201,2)"},{"行号":202,"列数据":"(202,2)"},{"行号":203,"列数据":"(203,2)"},{"行号":204,"列数据":"(204,2)"},{"行号":205,"列数据":"(205,2)"},{"行号":206,"列数据":"(206,2)"},{"行号":207,"列数据":"(207,2)"},{"行号":208,"列数据":"(208,2)"},{"行号":209,"列数据":"(209,2)"},{"行号":210,"列数据":"(210,2)"},{"行号":211,"列数据":"(211,2)"},{"行号":212,"列数据":"(212,2)"},{"行号":213,"列数据":"(213,2)"},{"行号":214,"列数据":"(214,2)"},{"行号":215,"列数据":"(215,2)"},{"行号":216,"列数据":"(216,2)"},{"行号":217,"列数据":"(217,2)"},{"行号":218,"列数据":"(218,2)"},{"行号":219,"列数据":"(219,2)"},{"行号":220,"列数据":"(220,2)"},{"行号":221,"列数据":"(221,2)"},{"行号":222,"列数据":"(222,2)"},{"行号":223,"列数据":"(223,2)"},{"行号":224,"列数据":"(224,2)"},{"行号":225,"列数据":"(225,2)"},{"行号":226,"列数据":"(226,2)"},{"行号":227,"列数据":"(227,2)"},{"行号":228,"列数据":"(228,2)"},{"行号":229,"列数据":"(229,2)"},{"行号":230,"列数据":"(230,2)"},{"行号":231,"列数据":"(231,2)"},{"行号":232,"列数据":"(232,2)"},{"行号":233,"列数据":"(233,2)"},{"行号":234,"列数据":"(234,2)"},{"行号":235,"列数据":"(235,2)"},{"行号":236,"列数据":"(236,2)"},{"行号":237,"列数据":"(237,2)"},{"行号":238,"列数据":"(238,2)"},{"行号":239,"列数据":"(239,2)"},{"行号":240,"列数据":"(240,2)"},{"行号":241,"列数据":"(241,2)"},{"行号":242,"列数据":"(242,2)"},{"行号":243,"列数据":"(243,2)"},{"行号":244,"列数据":"(244,2)"},{"行号":245,"列数据":"(245,2)"},{"行号":246,"列数据":"(246,2)"},{"行号":247,"列数据":"(247,2)"},{"行号":248,"列数据":"(248,2)"},{"行号":249,"列数据":"(249,2)"},{"行号":250,"列数据":"(250,2)"},{"行号":251,"列数据":"(251,2)"},{"行号":252,"列数据":"(252,2)"},{"行号":253,"列数据":"(253,2)"},{"行号":254,"列数据":"(254,2)"},{"行号":255,"列数据":"(255,2)"},{"行号":256,"列数据":"(256,2)"},{"行号":257,"列数据":"(257,2)"},{"行号":258,"列数据":"(258,2)"},{"行号":259,"列数据":"(259,2)"},{"行号":260,"列数据":"(260,2)"},{"行号":261,"列数据":"(261,2)"},{"行号":262,"列数据":"(262,2)"},{"行号":263,"列数据":"(263,2)"},{"行号":264,"列数据":"(264,2)"},{"行号":265,"列数据":"(265,2)"},{"行号":266,"列数据":"(266,2)"},{"行号":267,"列数据":"(267,2)"},{"行号":268,"列数据":"(268,2)"},{"行号":269,"列数据":"(269,2)"},{"行号":270,"列数据":"(270,2)"},{"行号":271,"列数据":"(271,2)"},{"行号":272,"列数据":"(272,2)"},{"行号":273,"列数据":"(273,2)"},{"行号":274,"列数据":"(274,2)"},{"行号":275,"列数据":"(275,2)"},{"行号":276,"列数据":"(276,2)"},{"行号":277,"列数据":"(277,2)"},{"行号":278,"列数据":"(278,2)"},{"行号":279,"列数据":"(279,2)"},{"行号":280,"列数据":"(280,2)"},{"行号":281,"列数据":"(281,2)"},{"行号":282,"列数据":"(282,2)"},{"行号":283,"列数据":"(283,2)"},{"行号":284,"列数据":"(284,2)"},{"行号":285,"列数据":"(285,2)"},{"行号":286,"列数据":"(286,2)"},{"行号":287,"列数据":"(287,2)"},{"行号":288,"列数据":"(288,2)"},{"行号":289,"列数据":"(289,2)"},{"行号":290,"列数据":"(290,2)"},{"行号":291,"列数据":"(291,2)"},{"行号":292,"列数据":"(292,2)"},{"行号":293,"列数据":"(293,2)"},{"行号":294,"列数据":"(294,2)"},{"行号":295,"列数据":"(295,2)"},{"行号":296,"列数据":"(296,2)"},{"行号":297,"列数据":"(297,2)"},{"行号":298,"列数据":"(298,2)"},{"行号":299,"列数据":"(299,2)"},{"行号":300,"列数据":"(300,2)"},{"行号":301,"列数据":"(301,2)"},{"行号":302,"列数据":"(302,2)"},{"行号":303,"列数据":"(303,2)"},{"行号":304,"列数据":"(304,2)"},{"行号":305,"列数据":"(305,2)"},{"行号":306,"列数据":"(306,2)"},{"行号":307,"列数据":"(307,2)"},{"行号":308,"列数据":"(308,2)"},{"行号":309,"列数据":"(309,2)"},{"行号":310,"列数据":"(310,2)"},{"行号":311,"列数据":"(311,2)"},{"行号":312,"列数据":"(312,2)"},{"行号":313,"列数据":"(313,2)"},{"行号":314,"列数据":"(314,2)"},{"行号":315,"列数据":"(315,2)"},{"行号":316,"列数据":"(316,2)"},{"行号":317,"列数据":"(317,2)"},{"行号":318,"列数据":"(318,2)"},{"行号":319,"列数据":"(319,2)"},{"行号":320,"列数据":"(320,2)"},{"行号":321,"列数据":"(321,2)"},{"行号":322,"列数据":"(322,2)"},{"行号":323,"列数据":"(323,2)"},{"行号":324,"列数据":"(324,2)"},{"行号":325,"列数据":"(325,2)"},{"行号":326,"列数据":"(326,2)"},{"行号":327,"列数据":"(327,2)"},{"行号":328,"列数据":"(328,2)"},{"行号":329,"列数据":"(329,2)"},{"行号":330,"列数据":"(330,2)"},{"行号":331,"列数据":"(331,2)"},{"行号":332,"列数据":"(332,2)"},{"行号":333,"列数据":"(333,2)"},{"行号":334,"列数据":"(334,2)"},{"行号":335,"列数据":"(335,2)"},{"行号":336,"列数据":"(336,2)"},{"行号":337,"列数据":"(337,2)"},{"行号":338,"列数据":"(338,2)"},{"行号":339,"列数据":"(339,2)"},{"行号":340,"列数据":"(340,2)"},{"行号":341,"列数据":"(341,2)"},{"行号":342,"列数据":"(342,2)"},{"行号":343,"列数据":"(343,2)"},{"行号":344,"列数据":"(344,2)"},{"行号":345,"列数据":"(345,2)"},{"行号":346,"列数据":"(346,2)"},{"行号":347,"列数据":"(347,2)"},{"行号":348,"列数据":"(348,2)"},{"行号":349,"列数据":"(349,2)"},{"行号":350,"列数据":"(350,2)"},{"行号":351,"列数据":"(351,2)"},{"行号":352,"列数据":"(352,2)"},{"行号":353,"列数据":"(353,2)"},{"行号":354,"列数据":"(354,2)"},{"行号":355,"列数据":"(355,2)"},{"行号":356,"列数据":"(356,2)"},{"行号":357,"列数据":"(357,2)"},{"行号":358,"列数据":"(358,2)"},{"行号":359,"列数据":"(359,2)"},{"行号":360,"列数据":"(360,2)"},{"行号":361,"列数据":"(361,2)"},{"行号":362,"列数据":"(362,2)"},{"行号":363,"列数据":"(363,2)"},{"行号":364,"列数据":"(364,2)"},{"行号":365,"列数据":"(365,2)"},{"行号":366,"列数据":"(366,2)"},{"行号":367,"列数据":"(367,2)"},{"行号":368,"列数据":"(368,2)"},{"行号":369,"列数据":"(369,2)"},{"行号":370,"列数据":"(370,2)"},{"行号":371,"列数据":"(371,2)"},{"行号":372,"列数据":"(372,2)"},{"行号":373,"列数据":"(373,2)"},{"行号":374,"列数据":"(374,2)"},{"行号":375,"列数据":"(375,2)"},{"行号":376,"列数据":"(376,2)"},{"行号":377,"列数据":"(377,2)"},{"行号":378,"列数据":"(378,2)"},{"行号":379,"列数据":"(379,2)"},{"行号":380,"列数据":"(380,2)"},{"行号":381,"列数据":"(381,2)"},{"行号":382,"列数据":"(382,2)"},{"行号":383,"列数据":"(383,2)"},{"行号":384,"列数据":"(384,2)"},{"行号":385,"列数据":"(385,2)"},{"行号":386,"列数据":"(386,2)"},{"行号":387,"列数据":"(387,2)"},{"行号":388,"列数据":"(388,2)"},{"行号":389,"列数据":"(389,2)"},{"行号":390,"列数据":"(390,2)"},{"行号":391,"列数据":"(391,2)"},{"行号":392,"列数据":"(392,2)"},{"行号":393,"列数据":"(393,2)"},{"行号":394,"列数据":"(394,2)"},{"行号":395,"列数据":"(395,2)"},{"行号":396,"列数据":"(396,2)"},{"行号":397,"列数据":"(397,2)"},{"行号":398,"列数据":"(398,2)"},{"行号":399,"列数据":"(399,2)"},{"行号":400,"列数据":"(400,2)"},{"行号":401,"列数据":"(401,2)"},{"行号":402,"列数据":"(402,2)"},{"行号":403,"列数据":"(403,2)"},{"行号":404,"列数据":"(404,2)"},{"行号":405,"列数据":"(405,2)"},{"行号":406,"列数据":"(406,2)"},{"行号":407,"列数据":"(407,2)"},{"行号":408,"列数据":"(408,2)"},{"行号":409,"列数据":"(409,2)"},{"行号":410,"列数据":"(410,2)"},{"行号":411,"列数据":"(411,2)"},{"行号":412,"列数据":"(412,2)"},{"行号":413,"列数据":"(413,2)"},{"行号":414,"列数据":"(414,2)"},{"行号":415,"列数据":"(415,2)"},{"行号":416,"列数据":"(416,2)"},{"行号":417,"列数据":"(417,2)"},{"行号":418,"列数据":"(418,2)"},{"行号":419,"列数据":"(419,2)"},{"行号":420,"列数据":"(420,2)"},{"行号":421,"列数据":"(421,2)"},{"行号":422,"列数据":"(422,2)"},{"行号":423,"列数据":"(423,2)"},{"行号":424,"列数据":"(424,2)"},{"行号":425,"列数据":"(425,2)"},{"行号":426,"列数据":"(426,2)"},{"行号":427,"列数据":"(427,2)"},{"行号":428,"列数据":"(428,2)"},{"行号":429,"列数据":"(429,2)"},{"行号":430,"列数据":"(430,2)"},{"行号":431,"列数据":"(431,2)"},{"行号":432,"列数据":"(432,2)"},{"行号":433,"列数据":"(433,2)"},{"行号":434,"列数据":"(434,2)"},{"行号":435,"列数据":"(435,2)"},{"行号":436,"列数据":"(436,2)"},{"行号":437,"列数据":"(437,2)"},{"行号":438,"列数据":"(438,2)"},{"行号":439,"列数据":"(439,2)"},{"行号":440,"列数据":"(440,2)"},{"行号":441,"列数据":"(441,2)"},{"行号":442,"列数据":"(442,2)"},{"行号":443,"列数据":"(443,2)"},{"行号":444,"列数据":"(444,2)"},{"行号":445,"列数据":"(445,2)"},{"行号":446,"列数据":"(446,2)"},{"行号":447,"列数据":"(447,2)"},{"行号":448,"列数据":"(448,2)"},{"行号":449,"列数据":"(449,2)"},{"行号":450,"列数据":"(450,2)"},{"行号":451,"列数据":"(451,2)"},{"行号":452,"列数据":"(452,2)"},{"行号":453,"列数据":"(453,2)"},{"行号":454,"列数据":"(454,2)"},{"行号":455,"列数据":"(455,2)"},{"行号":456,"列数据":"(456,2)"},{"行号":457,"列数据":"(457,2)"},{"行号":458,"列数据":"(458,2)"},{"行号":459,"列数据":"(459,2)"},{"行号":460,"列数据":"(460,2)"},{"行号":461,"列数据":"(461,2)"},{"行号":462,"列数据":"(462,2)"},{"行号":463,"列数据":"(463,2)"},{"行号":464,"列数据":"(464,2)"},{"行号":465,"列数据":"(465,2)"},{"行号":466,"列数据":"(466,2)"},{"行号":467,"列数据":"(467,2)"},{"行号":468,"列数据":"(468,2)"},{"行号":469,"列数据":"(469,2)"},{"行号":470,"列数据":"(470,2)"},{"行号":471,"列数据":"(471,2)"},{"行号":472,"列数据":"(472,2)"},{"行号":473,"列数据":"(473,2)"},{"行号":474,"列数据":"(474,2)"},{"行号":475,"列数据":"(475,2)"},{"行号":476,"列数据":"(476,2)"},{"行号":477,"列数据":"(477,2)"},{"行号":478,"列数据":"(478,2)"},{"行号":479,"列数据":"(479,2)"},{"行号":480,"列数据":"(480,2)"},{"行号":481,"列数据":"(481,2)"},{"行号":482,"列数据":"(482,2)"},{"行号":483,"列数据":"(483,2)"},{"行号":484,"列数据":"(484,2)"},{"行号":485,"列数据":"(485,2)"},{"行号":486,"列数据":"(486,2)"},{"行号":487,"列数据":"(487,2)"},{"行号":488,"列数据":"(488,2)"},{"行号":489,"列数据":"(489,2)"},{"行号":490,"列数据":"(490,2)"},{"行号":491,"列数据":"(491,2)"},{"行号":492,"列数据":"(492,2)"},{"行号":493,"列数据":"(493,2)"},{"行号":494,"列数据":"(494,2)"},{"行号":495,"列数据":"(495,2)"},{"行号":496,"列数据":"(496,2)"},{"行号":497,"列数据":"(497,2)"},{"行号":498,"列数据":"(498,2)"},{"行号":499,"列数据":"(499,2)"},{"行号":500,"列数据":"(500,2)"}];
	var rowper = 1; //每次滚动的行数
	var currentRowIndex = 0 ; //当前开始行
	var tabheight = 30;	//显示行数
	function UpdateTable()
	{
		if(event.wheelDelta>0)currentRowIndex-=rowper;
		if(event.wheelDelta<0)currentRowIndex+=rowper;
		if(currentRowIndex<0)currentRowIndex=0; else if(currentRowIndex>data.length-tabheight)currentRowIndex= data.length-tabheight;
			var t1 = document.getElementById("t1");
			for(var i = 1;i<=tabheight;i++)
			{
				if(data[currentRowIndex+i-1]!=undefined){
				t1.rows[i].childNodes[0].innerHTML = data[currentRowIndex+i-1]["行号"];
				t1.rows[i].childNodes[1].innerHTML = data[currentRowIndex+i-1]["列数据"];
				}else{
				t1.rows[i].childNodes[0].innerHTML = "";
				t1.rows[i].childNodes[1].innerHTML = "";
				}
			}
	}
  //-->
  </script>
 </head>

 <body onload="UpdateTable()">
	<div onmousewheel="UpdateTable()" style="height:40px;width:360px;background:#669966;line-height:28px;padding:8px;color:#FFFFFF" onmouseover="this.style.border='2px #669966 outset'" onmouseout="this.style.border='1px #669966 solid'">鼠标放在这里滚动滚轮,当然也可以换成 <span style="color:red">滚动条</span> 控制</div>
  <table id="t1" style="border:2px #006600 solid;width:360px" cellspacing="0">
	<tr>
		<td>列1</td>
		<td>列2</td>
	</tr>
	<script language="javascript">
	<!--
		//这里可以设定加载后刚刚满一屏 即tabheight可以在这里动态设定 同时设定滚动条替换文档的滚动条 
		for(var i =1 ;i<= tabheight;i++ ){document.write("<tr><td></td><td></td></tr>");}
	//-->
	</script>
	
  </Table>
 </body>
</html>

这个东西好啊...我眯了拿来用~嘿嘿
87 楼 cainwise 2008-11-02  
我是在linux里面的火狐上面显示,其结果还是三行三列那段代码有跟没有是一样的
86 楼 liyiye 2008-11-01  
mlhorizon 写道

都什么年代了,楼主写了一段那么不符合web规范的代码,还嘴硬得很。大家不用费时间扯了,该干啥干啥去!

就是楼主这种态度,让他现在才“居然发现了一个好的标签”。

zbm2001 大哥,谢谢你转的资料。

就是因为它不符合web规范,所以才觉得奇怪。在这之前你有用它吗?我是没有啊
85 楼 woodless 2008-10-31  
<div class='quote_title'>liyiye 写道</div>
<div class='quote_div'>
<div class='quote_title'>woodless 写道</div>
<div class='quote_div'><br/>香克斯 写道zbm2001的观点很支持。<br/>现在浮躁的人太多了,能这么静下心来研究基础和规范的人少啊<br/><br/>同意。<br/><br/>像lz这样的问题是由于对基础掌握不好所致,建议lz静下心来读读html、css、javascript三大权威指南,看过之后,很多问题便不是问题。<br/></div>
<br/><br/><br/><span style='color: red;'>如果你觉得你静下心来读一读html、css、javascript,估计很快就可以看完,可是要真正掌握里面的东西,你说要几年呢?我个人保守估计要3年,而且在这个3年里面你刚好接触了里面的各个方面的知识点,并且用于实践,但是这样的机会不是每个人都有,而且不是每个人都能每天只是研究这些东西。所以算下来,一个正常点的人要真正掌握上述的几个东西要4,5年左右,不知道你们觉得我说的怎么样啊</span></div>
<p> </p>
<p>嗯,我觉得你说的很好。</p>
<p> </p>
<p>lz自信并且抱着怀疑的态度看问题是可取的,毕竟像我这样的老年人只是凭借有限的技术水平、有限的经验甚至个人好恶来发表看法,轻信很可能造成严重后果。</p>
<p> </p>
<p>我很欣赏lz的自信,想想,这样的自信早已离我远去,真是怀念啊。。。</p>
<p> </p>
<p>衷心祝愿lz能在中国软件界中闯出一片别样的天地。</p>
<p> </p>
<p> </p>
84 楼 BaSaRa 2008-10-31  
一直都支持尽量用原生的HTML标签去实现功能。

楼主这段代码要兼容所有的浏览器的确很麻烦,因为需要的知识还是比较多的,所以我会用普通的标签加JS去实现,毕竟条条大路通罗马,太沉浸在技术里面的话有时候得不偿失。

用最简单的技术实现功能并且方便维护才是王道,当然我也支持像zbm2001这种研究精神,看每个人的追求了,看你属于技术人员还是项目人员。
83 楼 mlhorizon 2008-10-31  
都什么年代了,楼主写了一段那么不符合web规范的代码,还嘴硬得很。大家不用费时间扯了,该干啥干啥去!

就是楼主这种态度,让他现在才“居然发现了一个好的标签”。

zbm2001 大哥,谢谢你转的资料。
82 楼 阳光晒晒 2008-10-31  
liyiye 写道
kxscr 写道

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


你会吗?


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

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

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

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

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

500条数据 我没用过这么多 一般我是分页或者ajax动态加载的&nbsp; 如果表格列多了一般到了50条 速度都会明显下降了 ~


老大要求要全部显示出来,我也没有办法啊。在firefox,opera下面运行很快的,就是那该死的ie,微软的东西有待淘汰啊,现在我都用firefox,opera等浏览器,就是不用ie。

非要用table么
N个div每m个后面加个br不行么?
81 楼 kxscr 2008-10-31  
附件传不上去 闷 404错误 ..~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title>新文档</title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style type="text/css">
	body,td{font-size:12px}
	td{border:1px #006600 solid}
  </style>
  <script language="javascript">
  <!--
	//生成的js数据 500项
var data = [{"行号":1,"列数据":"(1,2)"},{"行号":2,"列数据":"(2,2)"},{"行号":3,"列数据":"(3,2)"},{"行号":4,"列数据":"(4,2)"},{"行号":5,"列数据":"(5,2)"},{"行号":6,"列数据":"(6,2)"},{"行号":7,"列数据":"(7,2)"},{"行号":8,"列数据":"(8,2)"},{"行号":9,"列数据":"(9,2)"},{"行号":10,"列数据":"(10,2)"},{"行号":11,"列数据":"(11,2)"},{"行号":12,"列数据":"(12,2)"},{"行号":13,"列数据":"(13,2)"},{"行号":14,"列数据":"(14,2)"},{"行号":15,"列数据":"(15,2)"},{"行号":16,"列数据":"(16,2)"},{"行号":17,"列数据":"(17,2)"},{"行号":18,"列数据":"(18,2)"},{"行号":19,"列数据":"(19,2)"},{"行号":20,"列数据":"(20,2)"},{"行号":21,"列数据":"(21,2)"},{"行号":22,"列数据":"(22,2)"},{"行号":23,"列数据":"(23,2)"},{"行号":24,"列数据":"(24,2)"},{"行号":25,"列数据":"(25,2)"},{"行号":26,"列数据":"(26,2)"},{"行号":27,"列数据":"(27,2)"},{"行号":28,"列数据":"(28,2)"},{"行号":29,"列数据":"(29,2)"},{"行号":30,"列数据":"(30,2)"},{"行号":31,"列数据":"(31,2)"},{"行号":32,"列数据":"(32,2)"},{"行号":33,"列数据":"(33,2)"},{"行号":34,"列数据":"(34,2)"},{"行号":35,"列数据":"(35,2)"},{"行号":36,"列数据":"(36,2)"},{"行号":37,"列数据":"(37,2)"},{"行号":38,"列数据":"(38,2)"},{"行号":39,"列数据":"(39,2)"},{"行号":40,"列数据":"(40,2)"},{"行号":41,"列数据":"(41,2)"},{"行号":42,"列数据":"(42,2)"},{"行号":43,"列数据":"(43,2)"},{"行号":44,"列数据":"(44,2)"},{"行号":45,"列数据":"(45,2)"},{"行号":46,"列数据":"(46,2)"},{"行号":47,"列数据":"(47,2)"},{"行号":48,"列数据":"(48,2)"},{"行号":49,"列数据":"(49,2)"},{"行号":50,"列数据":"(50,2)"},{"行号":51,"列数据":"(51,2)"},{"行号":52,"列数据":"(52,2)"},{"行号":53,"列数据":"(53,2)"},{"行号":54,"列数据":"(54,2)"},{"行号":55,"列数据":"(55,2)"},{"行号":56,"列数据":"(56,2)"},{"行号":57,"列数据":"(57,2)"},{"行号":58,"列数据":"(58,2)"},{"行号":59,"列数据":"(59,2)"},{"行号":60,"列数据":"(60,2)"},{"行号":61,"列数据":"(61,2)"},{"行号":62,"列数据":"(62,2)"},{"行号":63,"列数据":"(63,2)"},{"行号":64,"列数据":"(64,2)"},{"行号":65,"列数据":"(65,2)"},{"行号":66,"列数据":"(66,2)"},{"行号":67,"列数据":"(67,2)"},{"行号":68,"列数据":"(68,2)"},{"行号":69,"列数据":"(69,2)"},{"行号":70,"列数据":"(70,2)"},{"行号":71,"列数据":"(71,2)"},{"行号":72,"列数据":"(72,2)"},{"行号":73,"列数据":"(73,2)"},{"行号":74,"列数据":"(74,2)"},{"行号":75,"列数据":"(75,2)"},{"行号":76,"列数据":"(76,2)"},{"行号":77,"列数据":"(77,2)"},{"行号":78,"列数据":"(78,2)"},{"行号":79,"列数据":"(79,2)"},{"行号":80,"列数据":"(80,2)"},{"行号":81,"列数据":"(81,2)"},{"行号":82,"列数据":"(82,2)"},{"行号":83,"列数据":"(83,2)"},{"行号":84,"列数据":"(84,2)"},{"行号":85,"列数据":"(85,2)"},{"行号":86,"列数据":"(86,2)"},{"行号":87,"列数据":"(87,2)"},{"行号":88,"列数据":"(88,2)"},{"行号":89,"列数据":"(89,2)"},{"行号":90,"列数据":"(90,2)"},{"行号":91,"列数据":"(91,2)"},{"行号":92,"列数据":"(92,2)"},{"行号":93,"列数据":"(93,2)"},{"行号":94,"列数据":"(94,2)"},{"行号":95,"列数据":"(95,2)"},{"行号":96,"列数据":"(96,2)"},{"行号":97,"列数据":"(97,2)"},{"行号":98,"列数据":"(98,2)"},{"行号":99,"列数据":"(99,2)"},{"行号":100,"列数据":"(100,2)"},{"行号":101,"列数据":"(101,2)"},{"行号":102,"列数据":"(102,2)"},{"行号":103,"列数据":"(103,2)"},{"行号":104,"列数据":"(104,2)"},{"行号":105,"列数据":"(105,2)"},{"行号":106,"列数据":"(106,2)"},{"行号":107,"列数据":"(107,2)"},{"行号":108,"列数据":"(108,2)"},{"行号":109,"列数据":"(109,2)"},{"行号":110,"列数据":"(110,2)"},{"行号":111,"列数据":"(111,2)"},{"行号":112,"列数据":"(112,2)"},{"行号":113,"列数据":"(113,2)"},{"行号":114,"列数据":"(114,2)"},{"行号":115,"列数据":"(115,2)"},{"行号":116,"列数据":"(116,2)"},{"行号":117,"列数据":"(117,2)"},{"行号":118,"列数据":"(118,2)"},{"行号":119,"列数据":"(119,2)"},{"行号":120,"列数据":"(120,2)"},{"行号":121,"列数据":"(121,2)"},{"行号":122,"列数据":"(122,2)"},{"行号":123,"列数据":"(123,2)"},{"行号":124,"列数据":"(124,2)"},{"行号":125,"列数据":"(125,2)"},{"行号":126,"列数据":"(126,2)"},{"行号":127,"列数据":"(127,2)"},{"行号":128,"列数据":"(128,2)"},{"行号":129,"列数据":"(129,2)"},{"行号":130,"列数据":"(130,2)"},{"行号":131,"列数据":"(131,2)"},{"行号":132,"列数据":"(132,2)"},{"行号":133,"列数据":"(133,2)"},{"行号":134,"列数据":"(134,2)"},{"行号":135,"列数据":"(135,2)"},{"行号":136,"列数据":"(136,2)"},{"行号":137,"列数据":"(137,2)"},{"行号":138,"列数据":"(138,2)"},{"行号":139,"列数据":"(139,2)"},{"行号":140,"列数据":"(140,2)"},{"行号":141,"列数据":"(141,2)"},{"行号":142,"列数据":"(142,2)"},{"行号":143,"列数据":"(143,2)"},{"行号":144,"列数据":"(144,2)"},{"行号":145,"列数据":"(145,2)"},{"行号":146,"列数据":"(146,2)"},{"行号":147,"列数据":"(147,2)"},{"行号":148,"列数据":"(148,2)"},{"行号":149,"列数据":"(149,2)"},{"行号":150,"列数据":"(150,2)"},{"行号":151,"列数据":"(151,2)"},{"行号":152,"列数据":"(152,2)"},{"行号":153,"列数据":"(153,2)"},{"行号":154,"列数据":"(154,2)"},{"行号":155,"列数据":"(155,2)"},{"行号":156,"列数据":"(156,2)"},{"行号":157,"列数据":"(157,2)"},{"行号":158,"列数据":"(158,2)"},{"行号":159,"列数据":"(159,2)"},{"行号":160,"列数据":"(160,2)"},{"行号":161,"列数据":"(161,2)"},{"行号":162,"列数据":"(162,2)"},{"行号":163,"列数据":"(163,2)"},{"行号":164,"列数据":"(164,2)"},{"行号":165,"列数据":"(165,2)"},{"行号":166,"列数据":"(166,2)"},{"行号":167,"列数据":"(167,2)"},{"行号":168,"列数据":"(168,2)"},{"行号":169,"列数据":"(169,2)"},{"行号":170,"列数据":"(170,2)"},{"行号":171,"列数据":"(171,2)"},{"行号":172,"列数据":"(172,2)"},{"行号":173,"列数据":"(173,2)"},{"行号":174,"列数据":"(174,2)"},{"行号":175,"列数据":"(175,2)"},{"行号":176,"列数据":"(176,2)"},{"行号":177,"列数据":"(177,2)"},{"行号":178,"列数据":"(178,2)"},{"行号":179,"列数据":"(179,2)"},{"行号":180,"列数据":"(180,2)"},{"行号":181,"列数据":"(181,2)"},{"行号":182,"列数据":"(182,2)"},{"行号":183,"列数据":"(183,2)"},{"行号":184,"列数据":"(184,2)"},{"行号":185,"列数据":"(185,2)"},{"行号":186,"列数据":"(186,2)"},{"行号":187,"列数据":"(187,2)"},{"行号":188,"列数据":"(188,2)"},{"行号":189,"列数据":"(189,2)"},{"行号":190,"列数据":"(190,2)"},{"行号":191,"列数据":"(191,2)"},{"行号":192,"列数据":"(192,2)"},{"行号":193,"列数据":"(193,2)"},{"行号":194,"列数据":"(194,2)"},{"行号":195,"列数据":"(195,2)"},{"行号":196,"列数据":"(196,2)"},{"行号":197,"列数据":"(197,2)"},{"行号":198,"列数据":"(198,2)"},{"行号":199,"列数据":"(199,2)"},{"行号":200,"列数据":"(200,2)"},{"行号":201,"列数据":"(201,2)"},{"行号":202,"列数据":"(202,2)"},{"行号":203,"列数据":"(203,2)"},{"行号":204,"列数据":"(204,2)"},{"行号":205,"列数据":"(205,2)"},{"行号":206,"列数据":"(206,2)"},{"行号":207,"列数据":"(207,2)"},{"行号":208,"列数据":"(208,2)"},{"行号":209,"列数据":"(209,2)"},{"行号":210,"列数据":"(210,2)"},{"行号":211,"列数据":"(211,2)"},{"行号":212,"列数据":"(212,2)"},{"行号":213,"列数据":"(213,2)"},{"行号":214,"列数据":"(214,2)"},{"行号":215,"列数据":"(215,2)"},{"行号":216,"列数据":"(216,2)"},{"行号":217,"列数据":"(217,2)"},{"行号":218,"列数据":"(218,2)"},{"行号":219,"列数据":"(219,2)"},{"行号":220,"列数据":"(220,2)"},{"行号":221,"列数据":"(221,2)"},{"行号":222,"列数据":"(222,2)"},{"行号":223,"列数据":"(223,2)"},{"行号":224,"列数据":"(224,2)"},{"行号":225,"列数据":"(225,2)"},{"行号":226,"列数据":"(226,2)"},{"行号":227,"列数据":"(227,2)"},{"行号":228,"列数据":"(228,2)"},{"行号":229,"列数据":"(229,2)"},{"行号":230,"列数据":"(230,2)"},{"行号":231,"列数据":"(231,2)"},{"行号":232,"列数据":"(232,2)"},{"行号":233,"列数据":"(233,2)"},{"行号":234,"列数据":"(234,2)"},{"行号":235,"列数据":"(235,2)"},{"行号":236,"列数据":"(236,2)"},{"行号":237,"列数据":"(237,2)"},{"行号":238,"列数据":"(238,2)"},{"行号":239,"列数据":"(239,2)"},{"行号":240,"列数据":"(240,2)"},{"行号":241,"列数据":"(241,2)"},{"行号":242,"列数据":"(242,2)"},{"行号":243,"列数据":"(243,2)"},{"行号":244,"列数据":"(244,2)"},{"行号":245,"列数据":"(245,2)"},{"行号":246,"列数据":"(246,2)"},{"行号":247,"列数据":"(247,2)"},{"行号":248,"列数据":"(248,2)"},{"行号":249,"列数据":"(249,2)"},{"行号":250,"列数据":"(250,2)"},{"行号":251,"列数据":"(251,2)"},{"行号":252,"列数据":"(252,2)"},{"行号":253,"列数据":"(253,2)"},{"行号":254,"列数据":"(254,2)"},{"行号":255,"列数据":"(255,2)"},{"行号":256,"列数据":"(256,2)"},{"行号":257,"列数据":"(257,2)"},{"行号":258,"列数据":"(258,2)"},{"行号":259,"列数据":"(259,2)"},{"行号":260,"列数据":"(260,2)"},{"行号":261,"列数据":"(261,2)"},{"行号":262,"列数据":"(262,2)"},{"行号":263,"列数据":"(263,2)"},{"行号":264,"列数据":"(264,2)"},{"行号":265,"列数据":"(265,2)"},{"行号":266,"列数据":"(266,2)"},{"行号":267,"列数据":"(267,2)"},{"行号":268,"列数据":"(268,2)"},{"行号":269,"列数据":"(269,2)"},{"行号":270,"列数据":"(270,2)"},{"行号":271,"列数据":"(271,2)"},{"行号":272,"列数据":"(272,2)"},{"行号":273,"列数据":"(273,2)"},{"行号":274,"列数据":"(274,2)"},{"行号":275,"列数据":"(275,2)"},{"行号":276,"列数据":"(276,2)"},{"行号":277,"列数据":"(277,2)"},{"行号":278,"列数据":"(278,2)"},{"行号":279,"列数据":"(279,2)"},{"行号":280,"列数据":"(280,2)"},{"行号":281,"列数据":"(281,2)"},{"行号":282,"列数据":"(282,2)"},{"行号":283,"列数据":"(283,2)"},{"行号":284,"列数据":"(284,2)"},{"行号":285,"列数据":"(285,2)"},{"行号":286,"列数据":"(286,2)"},{"行号":287,"列数据":"(287,2)"},{"行号":288,"列数据":"(288,2)"},{"行号":289,"列数据":"(289,2)"},{"行号":290,"列数据":"(290,2)"},{"行号":291,"列数据":"(291,2)"},{"行号":292,"列数据":"(292,2)"},{"行号":293,"列数据":"(293,2)"},{"行号":294,"列数据":"(294,2)"},{"行号":295,"列数据":"(295,2)"},{"行号":296,"列数据":"(296,2)"},{"行号":297,"列数据":"(297,2)"},{"行号":298,"列数据":"(298,2)"},{"行号":299,"列数据":"(299,2)"},{"行号":300,"列数据":"(300,2)"},{"行号":301,"列数据":"(301,2)"},{"行号":302,"列数据":"(302,2)"},{"行号":303,"列数据":"(303,2)"},{"行号":304,"列数据":"(304,2)"},{"行号":305,"列数据":"(305,2)"},{"行号":306,"列数据":"(306,2)"},{"行号":307,"列数据":"(307,2)"},{"行号":308,"列数据":"(308,2)"},{"行号":309,"列数据":"(309,2)"},{"行号":310,"列数据":"(310,2)"},{"行号":311,"列数据":"(311,2)"},{"行号":312,"列数据":"(312,2)"},{"行号":313,"列数据":"(313,2)"},{"行号":314,"列数据":"(314,2)"},{"行号":315,"列数据":"(315,2)"},{"行号":316,"列数据":"(316,2)"},{"行号":317,"列数据":"(317,2)"},{"行号":318,"列数据":"(318,2)"},{"行号":319,"列数据":"(319,2)"},{"行号":320,"列数据":"(320,2)"},{"行号":321,"列数据":"(321,2)"},{"行号":322,"列数据":"(322,2)"},{"行号":323,"列数据":"(323,2)"},{"行号":324,"列数据":"(324,2)"},{"行号":325,"列数据":"(325,2)"},{"行号":326,"列数据":"(326,2)"},{"行号":327,"列数据":"(327,2)"},{"行号":328,"列数据":"(328,2)"},{"行号":329,"列数据":"(329,2)"},{"行号":330,"列数据":"(330,2)"},{"行号":331,"列数据":"(331,2)"},{"行号":332,"列数据":"(332,2)"},{"行号":333,"列数据":"(333,2)"},{"行号":334,"列数据":"(334,2)"},{"行号":335,"列数据":"(335,2)"},{"行号":336,"列数据":"(336,2)"},{"行号":337,"列数据":"(337,2)"},{"行号":338,"列数据":"(338,2)"},{"行号":339,"列数据":"(339,2)"},{"行号":340,"列数据":"(340,2)"},{"行号":341,"列数据":"(341,2)"},{"行号":342,"列数据":"(342,2)"},{"行号":343,"列数据":"(343,2)"},{"行号":344,"列数据":"(344,2)"},{"行号":345,"列数据":"(345,2)"},{"行号":346,"列数据":"(346,2)"},{"行号":347,"列数据":"(347,2)"},{"行号":348,"列数据":"(348,2)"},{"行号":349,"列数据":"(349,2)"},{"行号":350,"列数据":"(350,2)"},{"行号":351,"列数据":"(351,2)"},{"行号":352,"列数据":"(352,2)"},{"行号":353,"列数据":"(353,2)"},{"行号":354,"列数据":"(354,2)"},{"行号":355,"列数据":"(355,2)"},{"行号":356,"列数据":"(356,2)"},{"行号":357,"列数据":"(357,2)"},{"行号":358,"列数据":"(358,2)"},{"行号":359,"列数据":"(359,2)"},{"行号":360,"列数据":"(360,2)"},{"行号":361,"列数据":"(361,2)"},{"行号":362,"列数据":"(362,2)"},{"行号":363,"列数据":"(363,2)"},{"行号":364,"列数据":"(364,2)"},{"行号":365,"列数据":"(365,2)"},{"行号":366,"列数据":"(366,2)"},{"行号":367,"列数据":"(367,2)"},{"行号":368,"列数据":"(368,2)"},{"行号":369,"列数据":"(369,2)"},{"行号":370,"列数据":"(370,2)"},{"行号":371,"列数据":"(371,2)"},{"行号":372,"列数据":"(372,2)"},{"行号":373,"列数据":"(373,2)"},{"行号":374,"列数据":"(374,2)"},{"行号":375,"列数据":"(375,2)"},{"行号":376,"列数据":"(376,2)"},{"行号":377,"列数据":"(377,2)"},{"行号":378,"列数据":"(378,2)"},{"行号":379,"列数据":"(379,2)"},{"行号":380,"列数据":"(380,2)"},{"行号":381,"列数据":"(381,2)"},{"行号":382,"列数据":"(382,2)"},{"行号":383,"列数据":"(383,2)"},{"行号":384,"列数据":"(384,2)"},{"行号":385,"列数据":"(385,2)"},{"行号":386,"列数据":"(386,2)"},{"行号":387,"列数据":"(387,2)"},{"行号":388,"列数据":"(388,2)"},{"行号":389,"列数据":"(389,2)"},{"行号":390,"列数据":"(390,2)"},{"行号":391,"列数据":"(391,2)"},{"行号":392,"列数据":"(392,2)"},{"行号":393,"列数据":"(393,2)"},{"行号":394,"列数据":"(394,2)"},{"行号":395,"列数据":"(395,2)"},{"行号":396,"列数据":"(396,2)"},{"行号":397,"列数据":"(397,2)"},{"行号":398,"列数据":"(398,2)"},{"行号":399,"列数据":"(399,2)"},{"行号":400,"列数据":"(400,2)"},{"行号":401,"列数据":"(401,2)"},{"行号":402,"列数据":"(402,2)"},{"行号":403,"列数据":"(403,2)"},{"行号":404,"列数据":"(404,2)"},{"行号":405,"列数据":"(405,2)"},{"行号":406,"列数据":"(406,2)"},{"行号":407,"列数据":"(407,2)"},{"行号":408,"列数据":"(408,2)"},{"行号":409,"列数据":"(409,2)"},{"行号":410,"列数据":"(410,2)"},{"行号":411,"列数据":"(411,2)"},{"行号":412,"列数据":"(412,2)"},{"行号":413,"列数据":"(413,2)"},{"行号":414,"列数据":"(414,2)"},{"行号":415,"列数据":"(415,2)"},{"行号":416,"列数据":"(416,2)"},{"行号":417,"列数据":"(417,2)"},{"行号":418,"列数据":"(418,2)"},{"行号":419,"列数据":"(419,2)"},{"行号":420,"列数据":"(420,2)"},{"行号":421,"列数据":"(421,2)"},{"行号":422,"列数据":"(422,2)"},{"行号":423,"列数据":"(423,2)"},{"行号":424,"列数据":"(424,2)"},{"行号":425,"列数据":"(425,2)"},{"行号":426,"列数据":"(426,2)"},{"行号":427,"列数据":"(427,2)"},{"行号":428,"列数据":"(428,2)"},{"行号":429,"列数据":"(429,2)"},{"行号":430,"列数据":"(430,2)"},{"行号":431,"列数据":"(431,2)"},{"行号":432,"列数据":"(432,2)"},{"行号":433,"列数据":"(433,2)"},{"行号":434,"列数据":"(434,2)"},{"行号":435,"列数据":"(435,2)"},{"行号":436,"列数据":"(436,2)"},{"行号":437,"列数据":"(437,2)"},{"行号":438,"列数据":"(438,2)"},{"行号":439,"列数据":"(439,2)"},{"行号":440,"列数据":"(440,2)"},{"行号":441,"列数据":"(441,2)"},{"行号":442,"列数据":"(442,2)"},{"行号":443,"列数据":"(443,2)"},{"行号":444,"列数据":"(444,2)"},{"行号":445,"列数据":"(445,2)"},{"行号":446,"列数据":"(446,2)"},{"行号":447,"列数据":"(447,2)"},{"行号":448,"列数据":"(448,2)"},{"行号":449,"列数据":"(449,2)"},{"行号":450,"列数据":"(450,2)"},{"行号":451,"列数据":"(451,2)"},{"行号":452,"列数据":"(452,2)"},{"行号":453,"列数据":"(453,2)"},{"行号":454,"列数据":"(454,2)"},{"行号":455,"列数据":"(455,2)"},{"行号":456,"列数据":"(456,2)"},{"行号":457,"列数据":"(457,2)"},{"行号":458,"列数据":"(458,2)"},{"行号":459,"列数据":"(459,2)"},{"行号":460,"列数据":"(460,2)"},{"行号":461,"列数据":"(461,2)"},{"行号":462,"列数据":"(462,2)"},{"行号":463,"列数据":"(463,2)"},{"行号":464,"列数据":"(464,2)"},{"行号":465,"列数据":"(465,2)"},{"行号":466,"列数据":"(466,2)"},{"行号":467,"列数据":"(467,2)"},{"行号":468,"列数据":"(468,2)"},{"行号":469,"列数据":"(469,2)"},{"行号":470,"列数据":"(470,2)"},{"行号":471,"列数据":"(471,2)"},{"行号":472,"列数据":"(472,2)"},{"行号":473,"列数据":"(473,2)"},{"行号":474,"列数据":"(474,2)"},{"行号":475,"列数据":"(475,2)"},{"行号":476,"列数据":"(476,2)"},{"行号":477,"列数据":"(477,2)"},{"行号":478,"列数据":"(478,2)"},{"行号":479,"列数据":"(479,2)"},{"行号":480,"列数据":"(480,2)"},{"行号":481,"列数据":"(481,2)"},{"行号":482,"列数据":"(482,2)"},{"行号":483,"列数据":"(483,2)"},{"行号":484,"列数据":"(484,2)"},{"行号":485,"列数据":"(485,2)"},{"行号":486,"列数据":"(486,2)"},{"行号":487,"列数据":"(487,2)"},{"行号":488,"列数据":"(488,2)"},{"行号":489,"列数据":"(489,2)"},{"行号":490,"列数据":"(490,2)"},{"行号":491,"列数据":"(491,2)"},{"行号":492,"列数据":"(492,2)"},{"行号":493,"列数据":"(493,2)"},{"行号":494,"列数据":"(494,2)"},{"行号":495,"列数据":"(495,2)"},{"行号":496,"列数据":"(496,2)"},{"行号":497,"列数据":"(497,2)"},{"行号":498,"列数据":"(498,2)"},{"行号":499,"列数据":"(499,2)"},{"行号":500,"列数据":"(500,2)"}];
	var rowper = 1; //每次滚动的行数
	var currentRowIndex = 0 ; //当前开始行
	var tabheight = 30;	//显示行数
	function UpdateTable()
	{
		if(event.wheelDelta>0)currentRowIndex-=rowper;
		if(event.wheelDelta<0)currentRowIndex+=rowper;
		if(currentRowIndex<0)currentRowIndex=0; else if(currentRowIndex>data.length-tabheight)currentRowIndex= data.length-tabheight;
			var t1 = document.getElementById("t1");
			for(var i = 1;i<=tabheight;i++)
			{
				if(data[currentRowIndex+i-1]!=undefined){
				t1.rows[i].childNodes[0].innerHTML = data[currentRowIndex+i-1]["行号"];
				t1.rows[i].childNodes[1].innerHTML = data[currentRowIndex+i-1]["列数据"];
				}else{
				t1.rows[i].childNodes[0].innerHTML = "";
				t1.rows[i].childNodes[1].innerHTML = "";
				}
			}
	}
  //-->
  </script>
 </head>

 <body onload="UpdateTable()">
	<div onmousewheel="UpdateTable()" style="height:40px;width:360px;background:#669966;line-height:28px;padding:8px;color:#FFFFFF" onmouseover="this.style.border='2px #669966 outset'" onmouseout="this.style.border='1px #669966 solid'">鼠标放在这里滚动滚轮,当然也可以换成 <span style="color:red">滚动条</span> 控制</div>
  <table id="t1" style="border:2px #006600 solid;width:360px" cellspacing="0">
	<tr>
		<td>列1</td>
		<td>列2</td>
	</tr>
	<script language="javascript">
	<!--
		//这里可以设定加载后刚刚满一屏 即tabheight可以在这里动态设定 同时设定滚动条替换文档的滚动条 
		for(var i =1 ;i<= tabheight;i++ ){document.write("<tr><td></td><td></td></tr>");}
	//-->
	</script>
	
  </Table>
 </body>
</html>
80 楼 liyiye 2008-10-31  
kxscr 写道

速度的话可以考虑滚动数据 而不是滚动页面或表格使用json 很不错的 ~

怎解?
79 楼 kxscr 2008-10-31  
速度的话可以考虑滚动数据 而不是滚动页面或表格
使用json 很不错的 ~
78 楼 liyiye 2008-10-31  
kxscr 写道

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


你会吗?


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

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

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

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

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

500条数据 我没用过这么多 一般我是分页或者ajax动态加载的&nbsp; 如果表格列多了一般到了50条 速度都会明显下降了 ~


老大要求要全部显示出来,我也没有办法啊。在firefox,opera下面运行很快的,就是那该死的ie,微软的东西有待淘汰啊,现在我都用firefox,opera等浏览器,就是不用ie。

相关推荐

    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` 事件则可以在用户点击某一行时触发相应代码。 在实际应用中,...

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

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

    piecetable.zip

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

    改变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