我们用bootstrap-table-fixed-columns插件固定列的时候,发现固定的列不能排序,其他的列是能排序的,需要修改下,
1、将插件的代码
var that = this, $trs = this.$header.find('tr').clone(); 修改为 var that = this, $trs = this.$header.find('tr').clone(true);
这样点击排序的功能是实现了,但是小图标没有变化,因为源码我也看不太明白,直接在外面写的js控制图标的变化。
2、另外写的js代码
$(".fixed-table-header-columns").on("click", "th div.sortable", function() { var sibling = $(this).parent().siblings().find("div.sortable") if (!$(this).hasClass("asc") && !$(this).hasClass("desc")) { sibling.removeClass("asc desc") $(this).addClass("desc") } else if ($(this).hasClass("asc")) { sibling.removeClass("asc desc") $(this).removeClass("asc desc").addClass("desc") } else if ($(this).hasClass("desc")) { sibling.removeClass("asc desc") $(this).removeClass("asc desc").addClass("asc") } }) $(".fixed-table-header").on("click", "th div.sortable", function() { $(".fixed-table-header-columns th div.sortable").removeClass("asc desc") })
(adsbygoogle = window.adsbygoogle || []).push({});
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有