floatThead与Excel类Bootstrap表格插件浮动表头筛选显示异常问题

问题根因 #

• floatThead通过克隆原有表头DOM生成独立的悬浮固定层，原表头会被偏移到可视区域外隐藏
• 现有代码先为原表头绑定筛选逻辑、生成关联的下拉元素，后执行表头克隆，悬浮状态的克隆表头没有绑定对应的筛选交互事件，因此点击无响应

修复方案 #

调换两个插件的初始化顺序，先完成粘性表头的DOM克隆，再初始化表格筛选功能，保证筛选事件绑定能覆盖到可见的悬浮表头：

$(function () {
  // 先初始化粘性表头
  $('.sticky-header').floatThead({
    position: 'absolute'
  });
  // 再初始化表格筛选
  $('#table').excelTableFilter();
  
  // 若出现筛选下拉菜单被遮挡的情况，可补充以下代码提升层级
  // $('.excel-bootstrap-table-filter-box .dropdown-menu').css('z-index', 10000);
});

内容的提问来源于stack exchange，提问作者YoZ