javascript - AngularJS ng-table 用 jquery 手风琴固定标题

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 })
      }

    });

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