Как добавить 10px пустого пространства в столбце Angular UI Grid?

Question

Текст с плавающей точкой из предыдущего столбца выровнен по правому краю, а текст в этом столбце выровнен по левому краю. Это свойства из Angular UI Grid. Для удобства чтения мне нужно добавить 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 я могу добавить ПРОБЕЛ (2). Но как я могу сделать это без изменения кода веб-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 экземпляра.

надеюсь, это поможет: p