Question

上一列中的浮动文本右对齐，而此列上的文本左对齐。这些是Angular UI网格中的属性。为了提高可读性，我需要在Text的开头为其中一列添加10px的空格。

示例：如果文本为“ ABC” ，我必须显示为“ ABC”

我有以下代码。

{
    name: 'BldgScheme',
    field: 'BldgScheme',
    width: 100,
    cellTemplate: '<div  ng-if="!row.entity.editrow">{{COL_FIELD}}</div><div ng-if="row.entity.editrow"><input type="text" style="height:30px" ng-model="MODEL_COL_FIELD"</div>'
}

从WebAPI读取数据时，我可以添加SPACE（2）。但是，如何在不更改Web API代码的情况下做到这一点？

Answer 1

cellTemplate: '<div  ng-if="!row.entity.editrow"><div ng-if="COLUMNHEADVALUE" style="padding-left: 10px">{{COL_FIELD}}</div>{{COL_FIELD}}</div><div ng-if="row.entity.editrow"><input type="text" style="height:30px" ng-model="MODEL_COL_FIELD"</div>'

上面的代码应该有所帮助不确定哪个列需要应用此列，因此将其放置为“ COLUMNHEADVALUE”。例如，如果您的列名为1、2、3等，则使用ng-if="column value === 1"

请记住，if语句必须为true（否则将不会显示），并且仅对1个实例为true。

希望这会有所帮助：p

如何在Angular UI Grid列中添加10px的空白空间？

1 个答案: