我正在尝试为角度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个字符时,内容将被隐藏。即宽度不增加。我可以使用width: "auto"
,但我需要稍微限制列的大小......
当conent超过27px时,为什么列宽不会增加?
这是我将日期元素的宽度设置为自动:
这就是我想要的,动态宽度取决于内容! (我还希望在数字和单元格的左右两侧填充更少的填充,请参阅宽单元格)
答案 0 :(得分:0)
在这种情况下,覆盖单元属性就可以了,只需将一个像素的恒定宽度增加到28px并覆盖填充,使其看起来很好。
ngCellText {padding: 2px; text-align: center;}