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

我需要的是,只禁用不活动的图标(如果排序是降序,则禁用向上箭头,反之亦然)。
谢谢。
发布于 2018-03-23 11:28:09
你可以这样做。在css中添加两个类
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密码里。
$('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的工作,您可以看到类在排序时添加。
小提琴。
https://stackoverflow.com/questions/49444064
复制相似问题