0

「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"];        
    }
4

1 に答える 1

1

幅を 100% に設定して、入力幅を親から継承するように設定します。

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

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

HTMLテーブルのテキストボックス:サイズを自動調整するには?

于 2013-06-30T07:28:53.533 に答える