首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Tablesorter从表头禁用上/下图标,而不是隐藏它

使用Tablesorter从表头禁用上/下图标,而不是隐藏它
EN

Stack Overflow用户
提问于 2018-03-23 06:58:53
回答 1查看 1.3K关注 0票数 2

下面是使用Tablesorter.js对内容进行排序的表的图像。当我们单击表标题时,它将进行相应的排序,但同时只显示当前的排序顺序图标。另一个将被隐藏在视线之外。

我需要的是,只禁用不活动的图标(如果排序是降序,则禁用向上箭头,反之亦然)。

谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-03-23 11:28:09

你可以这样做。在css中添加两个类

代码语言:javascript
复制
thead th.up {
    padding-right: 20px;
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
thead th.down {
    padding-right: 20px;
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}

将背景图像替换为要显示的图像,即向上和向下箭头禁用向上箭头,反之亦然。

在你的js密码里。

代码语言:javascript
复制
$('table').tablesorter({

    // customize header HTML
    onRenderHeader: function(index) {
        // the span wrapper is added by default
        this.wrapInner('<span class="icons"></span>');
    },
    cssAsc: 'up',
    cssDesc: 'down',
});

cssAsc和cssDesc将分别添加“up”和“down”类。

文档

它将完成you.In的工作,您可以看到类在排序时添加。

小提琴。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49444064

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档