Добавление пространства или полей вокруг столбцов AG Grid Angular ⇐ CSS

[Гость]

Я использую AG Grid для Angular и версии сообщества. Я пытаюсь добавить пространство или поля вокруг левой и правой части ячейки, но, похоже, ничего не работает. Вот CSS, который я пробовал.

Код: Выделить всё

.editableCell {
background-color: rgba(255, 255, 255, 0.6);
box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.4);
border: 0.5px solid rgba(0, 0, 0, 0.3);
border-radius: 5px;
box-sizing: border-box!important; /* To maintain cell size including padding and border */
margin: 5px!important;

}

Даже после этого это выглядит так.
[img]https://i. stack.imgur.com/ydEoH.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/781 ... ar-columns