Angular Responsive Table not working on Internet Explorer 9 (IE 9). Works with IE 10
<p>I am really hoping someone can help me on this one. I am trying to using a simple, but excellent, <a href="https://github.com/awerlang/angular-responsive-tables" rel="nofollow noreferrer">Angular responsive table plugin</a> by André Werlang (aka awerlang).</p>

<p>It works great on IE 10+, Chrome and Firefox. As the title says, it does not work on IE 9. Here is a <a href="http://blog.werlangtecnologia.com.br/angular-responsive-tables/examples/" rel="nofollow noreferrer"><strong>Live Demo</strong></a> of the plugin that you can open in IE (and emulate IE 9 through debugger, or however possible).</p>

<p>I am using the ng-repeat example with Bootstrap (2nd from last). Data loads and everything, but the resizing into a stack table does not work properly. I have tried adding 'data-' prefix to the 'ng-app' and 'ng-controller', but no change.</p>

<p><a href="https://plnkr.co/edit/DbGCstnStkzl8XtfEZKe?p=preview" rel="nofollow noreferrer"><strong>Plunker Demo</strong></a> || <a href="https://jsfiddle.net/ishq786/xoLp3rpy/" rel="nofollow noreferrer"><strong>JSFiddle Demo</strong></a></p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html data-ng-app="app"&gt;

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

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

  &lt;script&gt;
    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);
  &lt;/script&gt;
&lt;/body&gt;

&lt;/html&gt;
</code></pre>

<p>How it should display (IE 11) vs How it displays (IE 9) - Sorry for large snapshots.</p>

<h2><a href="https://i.stack.imgur.com/RCFZC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RCFZC.png" alt="enter image description here"></a></h2>

<p><a href="https://i.stack.imgur.com/thIBt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/thIBt.png" alt="enter image description here"></a></p>

<p>Thanks in advance!</p>