日期:2014-05-16  浏览次数:20557 次

对表操作 TD隐藏后,怎么补位
不能上图
原表内容:
11111----1111111 11111----2222222 22222----1111111 22222----2222222 
33333----1111111 33333----2222222 44444----1111111 44444----2222222 
55555----1111111 55555----2222222 66666----1111111 66666----2222222 
77777----1111111 77777----2222222 88888----1111111 88888----2222222 
99999----1111111 99999----2222222 1212----1111111 1212----2222222 
1222----1111111 1222----2222222 1333----1111111 1333----2222222 


隐藏后:
22222----1111111 22222----2222222 
33333----1111111 33333----2222222 44444----1111111 44444----2222222 
55555----1111111 55555----2222222 
77777----1111111 77777----2222222  
1212----1111111  1212----2222222 
1222----1111111  1222----2222222   1333----1111111 1333----2222222

要求结果:
22222----1111111 22222----2222222 33333----1111111 33333----2222222 
44444----1111111 44444----2222222 55555----1111111 55555----2222222 
77777----1111111 77777----2222222  1212----1111111  1212----2222222 
1222----1111111  1222----2222222   1333----1111111 1333----2222222

结果如何做到?

JQUERY

------解决方案--------------------
表格是给你画好的位置,重新生成吧
------解决方案--------------------
没看明白
------解决方案--------------------
请用div来实现

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style type="text/css">
#wapper {width:600px;height:600px;background-color:#eee}
.inner {width:148px; height:30px;background-color:#ccc;float:left;border:1px solid #111}
.hidden {display:none}
  </style>
 </head>

 <body>
  <div id="wapper">
<div class="inner">11111----1111111</div>
<div class="inner">22222----2222222</div>
<div class="inner">33333----3333333</div>
<div class="inner">44444----4444444</div>
<div class="inner hidden">11111----1111111</div><!-- 加上class=hidden就可以隐藏 -->
<div class="inner">22222----2222222</div>
<div class="inner">33333----3333333</div>
<div class="inner">44444----4444444</div>
<div class="inner hidden">11111----1111111</div>  
<div class="inner">22222----2222222</div>
<div class="inner">33333----3333333</div>
<div class="inner hidden">44444----4444444</div>
<div class="inner">11111----1111111</div>
<div class="inner