对表操作 TD隐藏后，如何补位 _JavaScript

对表操作 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">22222----2222222</div>

	<div class="inner">33333----3333333</div>