Jquery - 动态更改表的行高。

Question

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

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

affectedRegion.fnSetColumnVis(0, false);

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

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

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

提前感谢您的帮助。

Answer 1

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

我正在更改 标记的高度（如果有帮助的话）。

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

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

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