title: Modifying Table Columns
body: <p>How can I reduce the width of the day columns ("MON", "TUES", etc.) to match the space required for "MON" or "TUES, etc.? In other words, I'd like to set the width of the day columns equal to the length of the column's title.</p>
  
  <p><a href="http://jsfiddle.net/BnLEh/" rel="nofollow">http://jsfiddle.net/BnLEh/</a></p>
  
  <pre><code>&lt;div ng-app="MyModule"&gt;
  &lt;div ng-controller="Controller"&gt;
      &lt;table border='1' width='200'&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td ng-repeat='day in days' width='20%'&gt;{{day}}&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr ng-repeat='x in [1,2,3,4]'&gt;
              &lt;td&gt;
                  &lt;input placeholder='Enter Charge #' size='10'&gt;
              &lt;/td&gt;
              &lt;td ng-repeat='t in [1,2,3,4,5,6,7]' width='10%'&gt;
                  &lt;input type="number" size='3'&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>.</p>
  
  <pre><code>var optModule = angular.module('MyModule', []);
  
      function Controller($scope) {   
          $scope.days = ["", "MON", "TUE", "WED", 
              "THU", "FRI", "SAT", "SUN"];        
      }
  </code></pre>