JAVA固定列不动_解决bootstrap-table-fixed-columns.js固定的列不能排序问题

我们用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")

})