title: ng-repeat ($last) element with ng-if
body: <pre><code>var dataList = [{Id:1,Name: "xyz",Select: true},
                  {Id:2,Name: "PQR",Select : false }];
  var headerList = [{"ID","Name","null"}] 
  </code></pre>
  
  <p>i got this value from server side i can not make any changes in this array list.</p>
  
  <p>My html code is </p>
  
  <pre><code>&lt;table class= "table table-bordered"&gt;
      &lt;thead&gt;
         &lt;tr ng-repeat="header in headerList"&gt;
            &lt;td ng-if="!$last"&gt;
               {{header}}
            &lt;/td&gt;
         &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr ng-repeat="data in dataList"&gt;
           &lt;td ng-repeat="value in  data" ng-if="!$last"&gt;
               {{value}}
           &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I don't want to generate "Select" column. code works propely , but when bordered class applies on table one blank column is display i.e "Select"</p>
  
  <p>so that how can i remove this blank column in html DOM ?</p>