title: How to set width of dynamically created th using ng-repeat
body: <p>I am creating dynamic headers of a table like this:</p>
  
  <pre><code>&lt;thead&gt;
      &lt;tr&gt;
          &lt;th width="5%" class="shrink"&gt;
              &lt;input type="checkbox" id="selectedAll" ng-model="selectedAll" ng-click="selectAll()" /&gt;
          &lt;/th&gt;
          &lt;th class="header" data-href="" rel="tooltip" title="" ng-repeat="header in tableHeaders" width="header.width"&gt;
              &lt;a style="cursor: pointer;" ng-click="Search(1,header.colName,
                      sorting.reverseSort=!sorting.reverseSort)"&gt;
                          {{header.name}}
                          &lt;span ng-show="orderBy == header.colName"&gt;
                              &lt;i ng-class="sorting.reverseSort ? 'fa fa-sort-asc' : 'fa fa-sort-desc'"&gt;&lt;/i&gt;
                          &lt;/span&gt;
                      &lt;/a&gt;
  
          &lt;/th&gt;
          &lt;th width="10%" class="last shrink"&gt;&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  </code></pre>
  
  <p>But “header.width” is not applying as it is in a same element as ng-repeat.</p>
  
  <p>So what is work around for this?</p>
  
  <p>Please guide me.</p>
  
  <p>Thank you.</p>