更改表格行高

我试图将属于特定类的表的行高更改为0。

目前我这样做：

$("#table_rolecart tbody").append('Start Date: End Date: '); $('.hide').height = "0" 

它仍然不为零，如何将高度设置为0或将显示样式设置为无

s？

Answer 1

使用css函数：

 $('.hide').css('height', '0'); 

如果要将它们从视线中移除，您还可以设置display: none ：

 $('.hide').css('display', 'none'); 

您也可以完全删除它们：

 $('.hide').remove(); 

但是，如果您不需要动态隐藏它们，那么您应该只使用CSS：

 .hide { height: 0; /* or display: none */ } 

Answer 2

高度是一个css属性，因此您可以使用css函数进行设置

 $('.hide').css("height", "0"); 

请注意，您也可以隐藏它

 $('.hide').css("display", "none"); 

Answer 3

这些技术中的任何一种都将行的高度设置为0：

 $(".hide").height(0); $(".hide").css("height", 0); 

但表格很棘手，将高度设置为0不会导致行隐藏。 隐藏行的最简单方法是使用以下任一技术：

 $(".hide").hide(); $(".hide").css("display", "none"); 

但是，如果要使用高度隐藏行（无论出于何种原因），还要将line-height设置为0.然后，在子单元格上，将padding设置为0（可能还有border ）并将overflow设置为hidden 。

 $(".hide").css({ height: 0, lineHeight: 0 }); $(".hide > *").css({ padding: 0, overflow: "hidden" }); 

但是，在您的情况下，即使这样也行不通，因为输入控件仍然显示。 你必须将单元格内容包装在一个容器（如div）中并隐藏它。

Answer 4

试试这个： $('.hide').height(0);