解決bootstrap-table-fixed-columns.js固定的列不能排序問題

咱們用bootstrap-table-fixed-columns插件固定列的時候，發現固定的列不能排序，其餘的列是能排序的，須要修改下，

一、將插件的代碼

var that = this, $trs = this.$header.find('tr').clone();

修改成

var that = this, $trs = this.$header.find('tr').clone(true);

這樣點擊排序的功能是實現了，可是小圖標沒有變化，由於源碼我也看不太明白，直接在外面寫的js控制圖標的變化。

二、另外寫的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")
        }) 

查看錶格效果