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

咱们用bootstrap-table-fixed-columns插件固定列的时候,发现固定的列不能排序,其余的列是能排序的,须要修改下,html

一、将插件的代码bootstrap

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

修改成插件

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

这样点击排序的功能是实现了,可是小图标没有变化,由于源码我也看不太明白,直接在外面写的js控制图标的变化。排序

二、另外写的js代码rem

 $(".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")
        }) get

查看表格效果源码

相关文章
相关标签/搜索