2013-10-04 34 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;}