角度 ng-grid maxWidth 未使用答案

【问题标题】：angular ng-grid maxWidth not used角度 ng-grid maxWidth 未使用
【发布时间】：2013-10-05 19:06:12
【问题描述】：

我正在尝试为有角度的 ng-grid 元素创建一些自动调整大小的属性：

       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 个字符时，内容将被隐藏。 IE。宽度没有增加。我可以使用width: "auto"，但我需要稍微限制列的大小...

为什么当内容超过27px时，列宽没有增加？

这是我将日期元素的宽度设置为自动的原因：

这就是我想要的，动态宽度取决于内容！（我还希望在单元格的数字和左右两侧减少填充，请参见宽单元格）

【问题讨论】：

标签： css angularjs ng-grid

【解决方案1】：

在这种情况下，覆盖单元格属性可以解决问题，只需将恒定宽度增加一个像素到 28px 并覆盖填充使其看起来不错。

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

【讨论】：