【実現したいこと】
例えば、【現状】の②の項目は青色が最も高さがあるので、他のTD②とTH②も青色の高さに合わせたい。
以下のような動的に生成されるテーブルの各カラムの高さを最も高いカラムに合わせたい。
やったこと
javascript
1 //列の要素数(tr) を取得 2 var e = $("table").find("tr"); 3 //列の項目数(th)をチェック 4 var count = $(e).first().find("th").length; 5 //配列を用意 6 var array = new Array(); 7 8 $(function(){ 9 //項目(th)の数だけループ 10 for (var i = 1; (i - 1) < count; i++ ) { 11 // 列(tr)の数だけループ 12 $(e).each(function(i){ 13 array[i] = $(this).find("td:nth-child(" + i + ")").outerHeight(); 14 15 // var maxH = Math.max.apply(null,array); 16 // $(e).css({"height": maxH - 16 + "px"}); 17 }); 18 }; 19 });
上記のようなことまでやったのですが、迷路に入っています。。。。
回答2件
あなたの回答
tips
プレビュー