jQuery-动态更改表格的行高。

Question

我正在使用Jquery的数据表。我有一个ID =“ affectedRegion”的表。它有一个带有单选按钮的列。在某种程度上，此单选按钮单元格周围的一些样式赋予每行其高度。

在特殊情况下，我必须通过执行以下操作来隐藏单选按钮列

affectedRegion.fnSetColumnVis(0, false);

但是，当我这样做时，行变得比我想要的短得多。由于此代码在许多其他地方共享，因此我想知道Jquery中是否有一种方法可以动态更改行高以保持相同的外观。

我尝试了下面的方法，但它不起作用。

$("#affectedRegion").css('height', '25px');

感谢您的帮助。

Answer 1

我设置了一个简单的jsFiddle来演示如何设置表行的行高，它似乎可以正常工作。我正在使用Chrome，如果有帮助的话。

<tr>如果有帮助，我正在更改标签的高度。

如果您还有其他问题，请告诉我们，我们将更新答案。

祝好运。希望这可以帮助。

更新在这里 更新了我的小提琴。如果您有权访问要调整大小的行的索引，则可以使用jQuery的eq功能仅影响表中的该表行。我不确定这是否有帮助，但这可以让您摆脱为每行分配ID或某种标记类的麻烦。

的HTML

<table id='affectedRegions'>
    <tr id='affectedRegion'>
        <td>Hello</td>
        <td>There</td>
    </tr>
    <tr id='affectedRegion2'>
        <td>Hello</td>
        <td>There</td>
    </tr>
</table>

jQuery的

//change the height of the 2nd table row within #affectedRegions table
// eq() is zero-based.
$('#affectedRegions tr').eq(1).css('height', '200px');