Jquery - 動態更改表格的行高。

我正在使用Jquery的數據表。我有一個id =「affectedRegion」的表格。它有一個裏面有一個單選按鈕的列。部分地，圍繞這個單選按鈕單元的一些樣式給出了每一行的高度。Jquery - 動態更改表格的行高。

在特殊情況下，我必須做這樣的事情

affectedRegion.fnSetColumnVis(0, false);

但是隱藏單選按鈕欄，當我這樣做，行變得比我想要的要短得多。由於此代碼在許多其他地方共享，我想知道是否有一種方法可以在Jquery中動態更改行高以保持相同的外觀和感覺。

我試了下面，它不起作用。

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

感謝您的幫助提前。

來源

2012-01-24 user1006072

是什麼#affectedRegion？它是一個表格行嗎？你可以展示一些你的代碼，或者設置http://jsfiddle.net/來說明問題嗎？ – SoWeLie

不，受影響的區域是表格，而不是表格行。我沒有表格行的ID。謝謝你嘗試。大衛（http://jsfiddle.net/wDTYJ/）可以查看下面的jsFiddle，但沒有ID。 – user1006072

我設置了一個簡單的jsFiddle來演示如何設置表格行的行高，它似乎工作正常。如果有幫助，我使用Chrome。

我正在更改<tr>標記的高度，如果有幫助的話。

如果您有其他問題，請告訴我，我會更新我的答案。

祝你好運。希望這可以幫助。

UPDATE更新我的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');

來源

2012-01-24 02:29:44

謝謝大衛。但是，您的示例假定我有一個用於的ID，並且只有1個或可能是幾行要分配特定高度的行。但是，表格數據是動態生成的，我無法控制行數。 – user1006072

我更新了我的答案（和我的小提琴），使用jQuery的'eq'函數通過索引而不是通過ID訪問表格行。 –

謝謝大衛。這對我行得通。另外，我發現的另一種方法是給一個類，然後使用類選擇器，所以我的解決方案看起來像這樣。 $（'。tableRowClass'）。css（'height'，'25px'）; – user1006072

Jquery - 動態更改表格的行高。

回答

相關問題