角度TrngGrid额外的列被添加

Question

我正在使用trnggrid角度显示我的数据网格格式。下面是我的代码

<div class="row-fluid"> 
    <table tr-ng-grid="" items="products" page-items="5" class="table table-condensed table-hover"> 
     <thead> 
      <tr> 
       <th field-name="Id" display-name="Id" enable-filtering="true" enable-sorting="true" cell-width="10em" display-align="right"> 
       </th> 
       <th field-name="Name" display-name="Name" enable-filtering="true" enable-sorting="true" cell-width="10em" display-align="right"> 
       </th> 
       <th field-name="Unit" display-name="Unit" enable-filtering="true" enable-sorting="true" cell-width="10em" display-align="right"> 
       </th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-repeat="product in products"> 

       <td>{{product.Id}}</td> 
       <td>{{product.Name}}</td> 
       <td>{{product.Unit}}</td> 
       <td> 
        <a ng-click="viewProduct(gridDisplayItem.Id)">View |</a>&nbsp; 
        <a ng-click="editProduct(gridDisplayItem.Id)"> Edit |</a>&nbsp; 
        <a ng-click="deleteProduct(gridDisplayItem.Id)">Delete</a> 
       </td> 

      </tr> 
     </tbody> 
    </table> 
</div> 

然而，当我运行此，三个额外的列获取添加无效header.Have把截图在这个环节。 http://i.imgur.com/ZHoLTwW.png

有人可以建议这是什么解决方案。提前致谢！！

Answer 1

在TBODY删除NG重复指令，并删除第3，他们并不需要，因为表指示已经处理，对于你....

查看|   编辑|   删除