d3.js - 协调两个表之间的突出显示

挑战在于：2个协调表，1个概述在网格上布局，另一个包含有关第一个表中单元格的详细信息。（此概述也用于其他信息，已从下面的最小示例中删除。）将鼠标悬停在任何一个上都将突出显示两者。单击概览表将隐藏或显示数据视图的行。

问题是数据是由JSON数据对象定义的，并且该对象的顺序非常重要。将数据映射到概述非常重要，无需重新排序。数据视图中可能没有表示概述中的单元格，并且不会发生任何错误。

问题是使用select all让d3定义将要采取的顺序。我需要自己协调映射。我希望有一个优雅的解决方案，不涉及编写单独的鼠标悬停和鼠标点击功能。