2013-10-04 6 views
1

Я пытаюсь создать некоторые свойства Autosizing для угловой нг сетки элемента:угловой нг сетки 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", но мне нужно ограничить размер столбцов несколько ...

Почему ширина столбца не увеличивается, когда континент становится длиннее 27 пикселей?

Это то, что я получаю настройки ширины авто для моих дат элементов:

enter image description here

Это то, что я хочу, динамическая ширина в зависимости от содержания! (Я также хочу меньше отступов вокруг числа и левые и правых сторон ячейки, см широкой ячейки)

enter image description here

ответ

0

Ovveriding свойства клеток сделали трюк в этом случае, просто увеличивая постоянную ширину одного пиксель до 28px и перекрытие отступов сделало его хорошим.

ngCellText {padding: 2px; text-align: center;} 
Смежные вопросы