Question

我有一个表，我需要使用Jquery Tablesorter插件进行排序等等。

它适用于静态表，但是当我尝试在Angular支持的表上使用时，它不起作用。

有谁知道为什么会这样？

http://plnkr.co/edit/SUjs1h7prI3Xr8V2wiCP?p=preview

表格如下：

<table border="1" class="events-table">
  <thead>
    <tr>
      <th>Name</th>
      <th>Location</th>
      <th>Date</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="item in data">
      <td>{{ item.Fields["{BB2389F3-555B-4FC6-B106-C0A23A55A15F}"].Value }}</td>
      <td>{{ item.Fields["{123A77C7-07D5-4CAA-85E0-8F9B9CEE110C}"].Value }}</td>
      <td>{{ item.Fields["{B588A80F-A8C0-4A97-A35A-07D81ED53E9B}"].Value | formatData}}</td>
    </tr>
    <tr ng-if="data.length === 0">
      <td colspan="3">There are no events available to you.</td>
    </tr>
  </tbody>
</table>

Answer 1

这是执行它的指令：

$scope.data = filteredItems;
            console.log('success ');
            setTimeout(function(){
               $(".events-table").tablesorter({
                      widgets: ["zebra", "stickyHeaders"],
                      widgetOptions: {}
                });
            }, 500)

Angular动态表上的Jquery表分类器

1 个答案: