無法設置表高度和TR都

Question

I''m使用JS DataTable，和我試圖設置表默認的高度和該行默認的高度，其實我做的事是這樣的：

$(document).ready(function() { 
    var table = $('#example').DataTable 
    ({ 
     iDisplayLength: 15, 
     "bLengthChange": false 
    }); 
    $("#example").css("height", "650px"); 
    $("#example tbody tr").css("height", "75px !important"); 
}); 

，這是我的html：

<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Age</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
    </thead> 

    <tfoot> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Age</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
    </tfoot> 

    <tbody> 
     <tr> 
      <td>Tiger Nixon</td> 
      <td>System Architect</td> 
      <td>Edinburgh</td> 
      <td>61</td> 
      <td>2011/04/25</td> 
      <td>$320,800</td> 
     </tr> 
     <tr> 
      <td>Garrett Winters</td> 
      <td>Accountant</td> 
      <td>Tokyo</td> 
      <td>63</td> 
      <td>2011/07/25</td> 
      <td>$170,750</td> 
     </tr> 
    </tbody> 
</table> 

對於我插入了一個JSFIDDLE here活生生的例子。

如何看到tr沒有得到默認高度，但是太大，我該如何解決這個問題？

Answer 1

這是因爲，您將表格的高度設置爲650像素，因此它將向下拉伸至總共650像素（對於兩個數據行，頁眉和頁腳均爲20px）。由於表的高度正在工作優先級，所以行的高度由表自動設置。通過將數據行的高度和頁眉和頁腳之間的高度除以默認值即可。所以，如果你要設置桌子的高度，那麼當你正在尋找它時，排的高度不會起作用。最好爲表格設置最大高度並設置該行的高度

$("#example").css("max-height", "650px"); 
$("#example tbody tr").css("height", "75px");