Ag grid 如何在ag网格中设置源数据中的单元格背景色

我试图在ag grid的纯Javascript版本中，从数据源设置单元格背景颜色，这是确定颜色的地方。单元格背景颜色不会根据用户输入而改变，它将始终在服务器上确定，并在数据集中返回，以便网格进行更新。但是，我在rowdata对象（或其他任何地方）中找不到任何参数，这些参数允许我在网格的源数据中定义单元格级别的背景色

我希望能够做到这样：

var columnDefs = [
  {headerName: "Surname", field: "surname"},
  {headerName: "First name", field: "firstname"},
  {headerName: "Date of Birth", field: "birthdate"},
  {headerName: "House", field: "house"}
];

var rowData = [
  {surname: "Smith" cellbackground=blue, firstname: "John", birthdate: "01/02/2008", house: "Yellow"},
  {surname: "Jones" cellbackground=green, firstname: "Paul", birthdate: "03/05/2008", house: "Green"},
  {surname: "Green" cellbackground=yellow, firstname: "George", birthdate: "28/04/2007", house: "Yellow"},
  {surname: "MacDonald" cellbackground=amber, firstname: "Ringo", birthdate: "14/09/2007", house: "Blue"},
  {surname: "Payne" cellbackground=red , firstname: "David", "02/09/2007", house: "Red"}
];

当然，这些数据将来自我的web服务的JSON文件，但我不确定包含特定单元格背景颜色的语法。我只想对姓氏单元格应用背景色（目前）。我也知道“cellbackground=amber”语法不正确。背景色不会在客户端计算出来，只会在服务器端计算出来，因为它们基于服务器数据库中定义的规则

---

任何帮助都将不胜感激。

我们也有类似的要求。我们通过使用适应性吸墨纸解决了这个问题，这是一个位于银网格顶部的层。我们在那里定义了规则，然后相应地绘制了ag网格。效果非常好。但是我不知道他们是怎么做的，除了它的工作原理。如果有帮助的话，他们称之为条件样式。

我们也有类似的要求。我们通过使用适应性吸墨纸解决了这个问题，这是一个位于银网格顶部的层。我们在那里定义了规则，然后相应地绘制了ag网格。效果非常好。但是我不知道他们是怎么做的，除了它的工作原理。如果这有帮助的话，他们称之为条件样式。

我现在已经解决了这个问题——我在要着色的列上应用了cellStyle，基于包含颜色名称的单独列。我已经创建了一个名为getCellColor的函数来实现这一点。希望这对其他人有用

var columnDefs = [
{headerName: "HouseColour", field: "housecolour", hide: true},
{headerName: "House", field: "house", width: 100, cellStyle: function getCellColor(params) { return {backgroundColor: params.data.housecolour}}}];

var rowData = [
{house: "Yellow", housecolour: "yellow"},
{house: "Green", housecolour: "green"},
{house: "Purple", housecolour: "purple"},
];

---

我现在已经解决了这个问题——我将一个cellStyle应用于要着色的列，基于包含颜色名称的单独列。我已经创建了一个名为getCellColor的函数来实现这一点。希望这对其他人有用

var columnDefs = [
{headerName: "HouseColour", field: "housecolour", hide: true},
{headerName: "House", field: "house", width: 100, cellStyle: function getCellColor(params) { return {backgroundColor: params.data.housecolour}}}];

var rowData = [
{house: "Yellow", housecolour: "yellow"},
{house: "Green", housecolour: "green"},
{house: "Purple", housecolour: "purple"},
];

---

我们还使用了适应性吸墨纸来做这件事。他们能够执行条件样式，其中行将根据数据进行更新，也可以执行简单的行样式。

我们还使用了Adaptive Blotter来执行此操作。它们能够执行条件样式，其中行将根据数据更新，也可以执行简单的行样式。

条件样式是为在匹配特定条件或规则时设置单元格、列或行样式而设计的；否则将使用默认样式。如果要始终设置列的样式，请使用Format column函数；如果要始终设置行的样式，请使用RowStyles。无论显示的数据是什么，都将应用这两种样式。条件样式用于在匹配特定条件或规则时设置单元格、列或行的样式；否则将使用默认样式。如果要始终设置列的样式，请使用Format column函数；如果要始终设置行的样式，请使用RowStyles。无论显示的数据是什么，都将应用这两种方法。