Question

我正在使用Jquery的数据表。我有一个id =“affectedRegion”的表。它有一个列，里面有一个单选按钮。在某种程度上，这个单选按钮单元格周围的一些样式为每一行提供了它的高度。

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

affectedRegion.fnSetColumnVis(0, false);

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

我尝试了下面的内容并没有用。

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

提前感谢您的帮助。

Answer 1

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

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

如果您有其他问题，请告诉我，我会更新我的答案。

祝你好运。希望这会有所帮助。

更新更新了我的fiddle here。如果您可以访问要调整大小的行的索引，则可以使用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');

Jquery - 动态更改表的行高。

1 个答案: