时间戳

首页 > 解决方案 > Aggrid 将 css 分配给单元格

angular6 - Aggrid 将 css 分配给单元格

问题描述

我有一个像这样的'AE'值的列。我想像这样为每个字母应用css

内边距：5px；背景颜色：红色；

我已经尝试过 cellrenderer，但它似乎不起作用。我正在研究角度 cli 6

标签： angular6ag-gridcell-formatting

解决方案

几次尝试后我得到了结果请看结果

我所做的是在要应用 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。

推荐阅读