Изменение столбцов таблицы

Question

Как уменьшить ширину столбцов дня («MON», «TUES» и т. Д.) В соответствии с пространством, необходимым для «MON» или «TUES» и т. Д. Другими словами, хотел бы установить ширину дня столбцов, равное длине заголовка столбца.

http://jsfiddle.net/BnLEh/

<div ng-app="MyModule"> 
<div ng-controller="Controller"> 
    <table border='1' width='200'> 
     <tbody> 
      <tr> 
      <td ng-repeat='day in days' width='20%'>{{day}}</td> 
      </tr> 
      <tr ng-repeat='x in [1,2,3,4]'> 
      <td> 
       <input placeholder='Enter Charge #' size='10'> 
      </td> 
      <td ng-repeat='t in [1,2,3,4,5,6,7]' width='10%'> 
       <input type="number" size='3'> 
      </td> 
      </tr> 
     </tbody> 
    </table> 
    </div> 
</div> 

.

var optModule = angular.module('MyModule', []); 

    function Controller($scope) { 
     $scope.days = ["", "MON", "TUE", "WED", 
      "THU", "FRI", "SAT", "SUN"];   
    } 

Answer 1

установите ширину входа на наследование от родительского путем установки его ширина до 100%

<input style="width: 100%" type="number" size='3'> 

http://jsfiddle.net/BnLEh/10/

textboxes in HTML table: How to auto-size?