2016-08-13 70 views
1

私のアプリケーションでjquery tablesorterテーブルを使用しています。 tbodyとoverflow-yスクロールの最大高さを追加したいと思います。私はjquery tablesorter垂直スクロールが機能しない

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

しかし、そのは取っていないを追加

<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>[email protected]</td> 
    <td>$50.00</td> 
    <td>http://www.jsmith.com</td> 
</tr> 

</tbody> 
</table> 

... tablesortするには、この機能を追加する方法はありますか?

+0

申し訳ありませんが、そのはまだ動作していません –

答えて

0

テーブルのクラス名の前に.がありません。あなたの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/

関連する問題