jQuery Fixed Header Table不适用于Angular2 ngFor

Question

我需要在Angular2中创建表，其中固定标题和左（或右）列可垂直和水平滚动（两个条应始终可见）和自动宽度列。我试图在没有jQuery的情况下做到这一点，但最终我不得不使用它。我找到了插件Fixed Header Table。但是它不适用于ngFor- header不会水平滚动而左列不固定。没有ng，它可以正常工作。

<table id="tableId>
       <thead>
       <tr>
           <th>col1</th>
            ...
       </tr>
       </thead>


         <tbody>
          <tr *ngFor="let item of items">
               <th>{{item.arg1}}</th>
                  ...
               </tr>
         </tbody>
 </table>



...
export class itemComponent implements OnInit{

       ngOnInit(){
          $('#tableId').fixedHeaderTable({fixedColumn: true});
       }
}


<script src="node_modules/.../jquery.fixedheadertable.js"><script>
<script www.fixedheadertable.com/css/960.css rel="stylesheet" media="screen">
<script www.fixedheadertable.com/css/defaultTheme.css rel="stylesheet" media="screen">
<script www.fixedheadertable.com/css/myTheme.css rel="stylesheet" media="screen">