使用jquery accordian的AngularJS ng-table固定头文件

Question

我正在使用angular js ng-table来显示一些信息。我想用滚动条固定ng-table的标题。另外我需要在ng-table之前放置一个手风琴。

当我折叠手风琴时，我的ng-table固定标题无法正常工作。 请参考我创建的plunker："http://plnkr.co/edit/FGjU46cCMuhIdyacffHl?p=preview"

Answer 1

现有代码的问题是固定标题的stickyTableHeaders（）计算在手风琴展开折叠时没有得到更新。

解决问题的唯一方法是禁用手风琴动画，然后通过JQuery UI手风琴在回调中应用stickyTableHeaders（）函数，如下所示：

 $( "#accordion" ).accordion({
      collapsible: true,
      animate :false,
      activate: function( event, ui ) {
        $('.table').stickyTableHeaders({ scrollableArea: container, "fixedOffset": 2 });
      },
      beforeActivate: function( event, ui ) {
         $('.table').stickyTableHeaders({ scrollableArea: container, "fixedOffset": 2 })
      }

    });

您需要禁用动画，因为没有为动画事件提供回调。