Javascript 引导表-引导4的多个排序已断开

Boostrap 4的引导表插件（

showMultiSort

）已损坏。链接页面上的演示明显已损坏

该按钮在DOM中可见，但对用户来说是“隐藏”的

$（函数（）{
$（“#表”）.bootstrapTable({
数据：getData（），
搜索：对，
展示栏：没错，
是的，
sortPriority:getSortPriority（）
})
});
函数getSortPriority（）{
返回[{
“sortName”：“github.count.forks”，
“排序器”：“描述”
}, {
“sortName”：“github.count.stargazers”，
“排序器”：“描述”
}];
}
函数getData（）{
返回[{
“github”：{
“名称”：“引导表”，
“计数”：{
“观星者”：768，
“叉子”：183
},
“描述”：“一个扩展引导表，具有单选、复选框、排序、分页和其他添加功能。（支持twitter引导v2和v3）”
}
}, {
“github”：{
“名称”：“多选”，
“计数”：{
“观星者”：365，
“叉子”：166
},
“描述”：“一个使用复选框选择多个元素的jQuery插件：）”
}
}, {
“github”：{
“名称”：“引导显示密码”，
“计数”：{
“观星者”：37，
“叉子”：13
},
“说明”：“显示/隐藏twitter引导的密码插件。”
}
}]
}

名称
天文学家
叉子
描述

我通过创建以下jQuery插件解决了这个问题

(function($) {
  $.fixBootstrapMultisort = function() {
    let $button = $('.multi-sort'),
      $modal = $('div[id^="sortModal_"].modal'),
      $toolbar = $modal.find('.modal-dialog #toolbar');
    // Wrap the button in a button group element.
    $button.addClass('btn-secondary').wrap($('<div>').addClass('btn-group'));
    // Fix modal title alignment.
    $modal.find('.modal-dialog .modal-content .modal-header .modal-title').css({ position: 'absolute', lineHeight: 1 });
    // Fix the icons.
    $button.find('.fa.glyphicon-sort').removeClass('glyphicon-sort').addClass('fa-sort').css('width', '1em');
    $toolbar.find('i.glyphicon-plus').removeClass('glyphicon-plus').addClass('fa-plus');
    $toolbar.find('i.glyphicon-minus').removeClass('glyphicon-minus').addClass('fa-minus');
  };
})(jQuery);

名称
天文学家
叉子
描述

我创建这个自我回答的问题是为了帮助遇到这个问题的其他人。：）您可能应该在插件GitHub上添加一个问题（我想您可能已经知道了）