1

Javascript/jQuery 関数で動的に埋められる HTML テーブルがあります。テーブルには 0 行または 1 行が含まれる場合もあれば、800 行が含まれる場合もあります。

各行の高さは 15px です。テーブルを埋めるのに十分な行がない場合でも、テーブルの高さは常に 800px にする必要があります。各行の高さを同じに保つ唯一の方法は、最後の行の後に空白行を追加することです。テーブルが非常に長くなり、右側に役に立たないスクロールバーが表示されるため、この解決策は好きではありません。

テーブルにこのプラグインを使用しています: http://www.farinspace.com/jquery-scrollable-table-plugin/ テーブルをスクロール可能にする800行がある場合、テーブルの高さを800pxに強制するのに役立ちます。

テーブルに 1 行しか含まれていない場合、50 行の空白行を追加しないようにする解決策はありますか?

4

1 に答える 1

0

ドキュメントの準備ができている関数で、テーブル内の行数を見つけて、テーブルに css height prop を動的に追加することをお勧めします。

このデモコードを確認してください：

$(document).ready(function(){

  var numOfRows = $("#myTable > tbody > tr").length ;

  var eachLine = 15 ;

  var heightofTable = numOfRows * 15 ;

  $('#tableID').css('height',''+heightofTable +'px');

});

私はこれがうまくいくと思います。

于 2013-02-26T13:04:20.807 に答える