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

Question

上一列中的浮动文本右对齐，此列上的文本左对齐。这些是Angular UI Grid的属性。为了便于阅读，我需要在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>'
}

在从Web API读取数据时，我可以添加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