2013-10-04 35 views
1

我試圖創建一個角度NG柵元件一些自動調整大小屬性:角NG網maxWidth不使用

 for (var i = 0; i < $scope.dates.length; i++) { 
      var dateElement = { 
       field: 'reportMap.' + $scope.dates[i] + '.hours | round', 
       displayName: i + 1, 
       minWidth: "27px", 
       maxWidth: "46px" 

      }; 

      if ($scope.holidays.indexOf(i + 1) != -1) { 
       dateElement.cellTemplate = 'app/partials/gridCell.html'; 
      } 
      $scope.columns.push(dateElement); 

.....

  $scope.gridOptions = { 
       data: 'monthlyReports', 
       columnDefs: 'columns', 
       plugins: [new ngGridFlexibleHeightPlugin()], 
       enableRowSelection: false, 
       enableColumnResize: true, 
       enableSorting: false, 
       enableCellSelection: true 
      }; 

然而,當現場數據的內容被隱藏的時間超過4個字符。即寬度不增加。我可以使用width: "auto",但我需要限制th列的大小在某種程度上...

爲什麼當列寬度超過27px時列寬不會增加?

這就是我得到的寬度設置爲auto我的日期元素:

enter image description here

這就是我想要的,這取決於內容的動態寬度! (我也想在號碼和單元格的左,右兩側少填充,看到大範圍的小區)

enter image description here

回答

0

Ovveriding單元格屬性沒有在這種情況下的伎倆,只是增加了固定寬度一個像素爲28px,覆蓋填充使其看起來不錯。

ngCellText {padding: 2px; text-align: center;}