我有一个从动态变化的数据加载的表。它每 5 秒刷新一次。我使用这个例子使用 ag-grid：https : //www.ag-grid.com/javascript-grid-sorting/index.php
是否可以更改其值发生变化的单元格的颜色，例如假设单元格值为 100 并且它变为（小于此值，即 <100），因此将单元格设为红色，使其变得更大，使其变为绿色。我试图用这个例子来做：https : //www.ag-grid.com/javascript-grid-cell-styling/index.php
但我无法理解如何做到这一点。
更新：我是这样做的，但它没有改变颜色：
var columnDefs = [
{headerName: "Arr Px Slippage", field: "total_wt_arr_slp", width: 100, newValueHandler: compareValues},
{headerName: "IVWAP Slippage", field: "total_wt_ivwap_slp", width: 100}
];
function compareValues(params) {
if (params.oldValue > params.newValue){
return {color: 'green', backgroundColor: 'black'};
console.log(params.newValue);
}
if (params.oldValue < params.newValue){
return {color: 'red', backgroundColor: 'black'};
}
}
是否可以在同一页面上显示两个 ag-grid 实例？就像我正在尝试这样做：
<html style="height: 100%;">
<head lang="en">
<meta charset="UTF-8">
<title>Data Platform - Real Time Monitor </title>
<script src="../dist/ag-grid-enterprise.js?ignore=notused30"></script>
<script src="loadingGrid.js"></script>
<script src="sortGrid.js"></script>
</head>
<body style="height: 100%; margin: 0px;">
<div style="width: 100%; height: 100%; overflow-x:auto; overflow-y:hidden">
<div id="myGrid2" style="width: 70%; height: 50%;" class="ag-fresh">
</div>
<div id="myGrid" style="width: 100%; height: 90%; overflow-x:scroll;" class="ag-fresh">
</div>
</div>
</body>
</html>
然后我正在使用此链接中的加载数据教程：https : //www.ag-grid.com/ag-grid-tutorials/index.php即，loadingGrid.js使用 div idmyGrid2并sortGrid.js使用 div id myGrid。两者都有不同的表。但是只显示一个包含所有数据的表，第二个表显示空表，还有第二个表的列名。如何在同一页面上显示两个 ag-grid 表？
更新：好的，我也用 ag-grid 示例进行了尝试（尝试在同一页面上创建两个 ag-grid 表，但获得相同的输出。您可以使用所有代码 …