jquery tablesorter垂直滚动不起作用

Posted

技术标签:

【中文标题】jquery tablesorter垂直滚动不起作用【英文标题】:jquery tablesorter vertical scroll not working 【发布时间】:2016-12-20 07:07:49 【问题描述】:

我在我的应用程序中使用 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 中?

【问题讨论】:

抱歉缺少点(。),它仍然无法正常工作 【参考方案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/

【讨论】:

以上是关于jquery tablesorter垂直滚动不起作用的主要内容,如果未能解决你的问题,请参考以下文章

Jquery:TableSorter-具有特定格式的日期不起作用

jQuery tablesorter 插件在 AJAX 调用后不起作用

如何仅在 UITextView 上强制水平滚动

在生产服务器上使用 jQuery tablesorter 插件对日期列进行排序不起作用

使用 ajax 时,Tablesorter 禁用分页器按钮不起作用

JQuery可拖动:使用助手时滚动不起作用:使用克隆