Jquery - テーブルの行の高さを動的に変更します。

Question

Jqueryのデータテーブルを使用しています。私はid = "affectedRegion"のテーブルを持っています。その中にはラジオボタン付きの列があります。一部では、このラジオボタンセルの周りのスタイリングのいくつかは、それが高さの各行を与えます。特殊な場合には

私はこれを行うとき、私はこの

affectedRegion.fnSetColumnVis(0, false); 

ような何かを行うことによって、ラジオボタンの列を非表示にする必要がありしかし、行は私が欲しいものよりもはるかに短くなります。このコードは他の多くの場所で共有されているので、Jqueryで行の高さを動的に変更して同じルック・アンド・フィールを維持できる方法があるかどうかを知りたいと思います。

私は以下を試しても動作しません。

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

ありがとうございました。

Answer 1

テーブル行の行の高さをデモするためにデモ用のシンプルなjsFiddleを設定しても問題ありません。私はそれが役立つ場合、クロムを使用しています。

<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');