Skip to content

jQueryで2つ以上のテーブルの各セル幅を合わせる

by haruma on 2010.07.01

2つ以上のテーブルの各セル幅を合わせたいことがあります。
テーブルの縦のラインを揃える必要がある場合など。

下のコードを使います。

$(function() {
  cols = $("tr:first td").size();
  for(i=1;i<cols;i++) {
    tmp = 0;
    max = 0;
    $("table").each(function(){
      tmp = $(this).find("td:eq("+(i-1)+")").width();
      if ( tmp > max ) max = tmp;
    });
    $("td:nth-child("+i+")").css('width',max);
    $("td:nth-child("+i+")").addClass("col-"+i);
  }
});

From → jQuery

Comments are closed.