Угловые дополнительные столбцы 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 и удалите первые 3 они не нужны, так как с директивой таблицы уже обработано, что для вас ....

View |   Редактировать |   Удалить