Clones head way outside enclosing DIV

[smlombardi]

My table is in a bootstrap grid:

<div class="container-fluid">
  <div class="row">
    <div class="col-md-12">
      <h1>PMT test</h1>
       <table class="table">
         <thead fix-head>
           <tr>
             ...
           </tr>
         </thead>
         <tbody>
           <tr ng-repeat="d in pmtData">
             ...
           </tr>
         </tbody>
       </table>
    </div>
  </div>
</div>

And with this directive I get:

As you can see, the thead is rendered above the h1 that precedes the table. And its not even fixed.

[SandyCarney]

Move h1 header to the top and try.. `

PMT test

... ...

`

[smlombardi]

That's not valid bootstrap code. I bagged it and found another directive that works.