jquery - Angular Responsive Table 不适用于 Internet Explorer 9 (IE 9)。适用于 IE 10-6ren

jquery - Angular Responsive Table 不适用于 Internet Explorer 9 (IE 9)。适用于 IE 10

转载作者：行者123 更新时间：2023-11-28 01:15:18

26

4

我真的希望有人能在这方面帮助我。我正在尝试使用一个简单但优秀的 Angular responsive table plugin作者:André Werlang(又名 awerlang)。

它在 IE 10+、Chrome 和 Firefox 上运行良好。正如标题所说，它不适用于 IE 9。这是一个 Live Demo您可以在 IE 中打开的插件的数量(并通过调试器模拟 IE 9，或者尽可能模拟 IE 9)。

我在 Bootstrap 中使用 ng-repeat 示例(倒数第二个)。数据加载和一切，但调整到堆栈表的大小无法正常工作。我尝试将“data-”前缀添加到“ng-app”和“ng-controller”，但没有任何变化。

Plunker Demo || JSFiddle Demo

<!DOCTYPE html>
<html data-ng-app="app">

<head>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
  <script src="https://cdn.rawgit.com/awerlang/angular-responsive-tables/master/release/angular-responsive-tables.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.rawgit.com/awerlang/angular-responsive-tables/master/release/angular-responsive-tables.min.css">
</head>

<body data-ng-controller="TestController as ctrl">
  <table class="table table-bordered table-striped table-hover" wt-responsive-table>
    <thead>
      <tr>
        <th>Name</th>
        <th>Version</th>
        <th>Language</th>
        <th>Maintainer</th>
        <th>Stars</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="item in ctrl.projects">
        <td>{{item.name}}</td>
        <td>{{item.version}}</td>
        <td>{{item.language}}</td>
        <td>{{item.maintainer}}</td>
        <td>{{item.stars}}</td>
      </tr>
    </tbody>
  </table>

  <script>
    function TestController() {
      this.projects = [
        {name: "AngularJS", version: "1.5", language: "JavaScript", maintainer: "Google", stars: 35000},
        {name: "Bootstrap", version: "3.3", language: "CSS", maintainer: "Twitter", stars: 23000}, 
        {name: "UI-Router", version: "0.13", language: "JavaScript", maintainer: "AngularUI", stars: 15000}
      ];
    }

    var app = angular.module('app', ['wt.responsive']);
    app.controller('TestController', TestController);
  </script>
</body>

</html>

它应该如何显示 (IE 11) 与它如何显示 (IE 9) - 对不起大快照。

提前致谢!

最佳答案

您可以尝试的一件事是添加 float: left;表中的每个元素。通过添加 <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">，我也很幸运地使用了 IE 9 中的表格。到页面顶部。让我知道这是否有效!

关于jquery - Angular Responsive Table 不适用于 Internet Explorer 9 (IE 9)。适用于 IE 10，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35953653/

26

4