时间戳

首页 > 解决方案 > 如何在 Angular UI Grid 列中添加 10px 空白空间？

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

问题描述

上一列中的浮动文本是右对齐的，而这一列上的文本是左对齐的。这些是来自 Angular UI Grid 的属性。为了便于阅读，我需要在其中一列的文本开头添加一个 10 像素的空间。

示例：如果文本是“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 代码的情况下做到这一点？

标签： angularng-grid

解决方案

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 语句必须为真（否则不会显示），并且仅对 1 个实例为真。

希望这会有所帮助：p

推荐阅读