表格中tr的隐藏与显示问题使用tbody解决

最新推荐文章于 2021-06-23 08:38:28 发布

原创最新推荐文章于 2021-06-23 08:38:28 发布 · 7.9k 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了在使用jQuery操作表格元素显示与隐藏时遇到的样式变形问题，并提供了解决方案，即通过使用tbody标签并设置display属性来维持表格的正常布局。

			function _showCondition(){
				var con=$('#condition').css('display');
				if(con=="none"){
					$("#condition").css("display","block");
				}else{
					$("#condition").css("display","none");
				}
			}

设置表格中的tr是否隐藏和显示会遇到一个问题

就是第一行的显示正常

而三行的样式严重变形，此时可以考虑table中使用tbody

显示时候样式设这为display：block

不显示的设置为 none

例如

	<tbody style="display: block">
	    <tr>
	    </tr>
	</tbody>
	
	<tbody id="condition" style="display: none">
              <tr >
              </tr>
	</tbody>