jquery tablesorter垂直滾動不工作

Question

我在我的應用程序中使用jquery tablesorter表。我想爲tbody和overflow-y滾動添加最大高度。

<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>Last Name</th> 
    <th>First Name</th> 
    <th>Email</th> 
    <th>Due</th> 
    <th>Web Site</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Smith</td> 
    <td>John</td> 
    <td>jsmith@gmail.com</td> 
    <td>$50.00</td> 
    <td>http://www.jsmith.com</td> 
</tr> 

</tbody> 
</table> 

我添加

.tablesorter thead{ 
display:block; 
} 
.tablesorter tbody{ 
    height: 200px; 
    overflow-y: auto; 
    overflow-x: hidden; 
    display: block ; 
} 

但它不是採取...有沒有什麼辦法來添加此功能tablesort？

Answer 1

您在表名的類名前缺少.。

你的CSS代碼應該是這樣的，

.tablesorter thead{ 
display:block; 
} 
.tablesorter tbody{ 
    height: 200px; 
    overflow-y: auto; 
    overflow-x: hidden; 
    display: block ; 
} 

應該.tablesorter tbody而不是tablesorter tbody。

演示：（。）https://jsfiddle.net/ybb7aw47/