ui-grid突出显示某些特定行

Question

我有一张图表显示Y轴上的Mile和X轴上的Date。 图表的类型是堆积柱形图。每个堆栈代表一个司机在特定的一天以英里为单位开车的数量。

在该图表下方，有一个ui-grid，显示日期，驾驶员姓名和所有行程详情（英里，时间，车手，接送，下车位置等）。现在问题是司机可以在某一天进行多次旅行，因此在某个日期可能会有多行驾驶员。

现在我想做的是如果有人点击图表中的特定堆栈，那么ui网格中与该堆栈相关的所有行都将突出显示。

例如假设“驱动程序A ”在1月1日完成了5次旅行。然后在图表中将有一堆驱动程序A 在ui-grid中有5行。现在，如果用户点击该堆栈，那么我想在ui-grid中突出显示这5行。

（使用highchart，angular-ui-grid）

Answer 1

您可以为名为 cellClass 的每个单元格添加一个属性，该单元格接受一个函数来执行您需要的逻辑：

cellClass: function(grid, row, col, rowRenderIndex, colRenderIndex) {
                    return *your function goes here*;
                }

该函数必须返回css文件中存在的css类。可在以下链接

中找到更多信息