Aggrid将CSS分配给单元格

Question

我有一列带有类似“ A-E”的值。我想对每个这样的字母应用css

填充：5像素； 背景颜色：红色；

我已经尝试了cellrenderer，但似乎没有用。我正在研究角度cli 6

Answer 1

经过几次尝试please see the result

，我得到了结果

我所做的是在要应用css的列的colDefs中，我添加了一个额外的属性，如下所示：

 cellRenderer: function(params) {
    params.value = 'A-B';
    const v1 = params.value.substring(0, 1);
    const v2 = params.value.substring(2);
    return '<span style="background-color:#e585a2;padding:5px;border:1px solid black;">' + v1 + '</span>' +
    '&nbsp;<span style="background-color:#42c985;padding:5px;border:1px solid black;">' + v2 + '</span>';
  }

注意：我操作了params.value，因为类似的数据将在修改后稍后从我的api中获取。