Html 将来自相同结构的单独JSON对象的两个数据列对齐

我有两个JSON对象，它们的结构与我想在html页面上并排显示的相同。因为我正在构建排序比较，所以我希望匹配的数据元素可以在同一行上查看。仅左侧或仅右侧的数据元素需要在其旁边的相反列中显示为空白

我试图用JsRender/JsViews来实现这一点，但是一次处理多个数据源是很困难的。或者将每一方作为单独的模板，每一方都不知道在哪里加载数据，因为它需要知道是否存在相反的模板

我愿意使用任何其他机制，只要它有效

谢谢，

---

Greg

为什么不在记事本++中使用比较插件？

您可以通过上下文帮助程序将其他数据对象传递到JsRender模板，或者在渲染调用中作为上下文传递：

render(dataOne, {data2: dataTwo})

或注册为助手：

$.views.helpers({
    data2: dataTwo
})

无论哪种方式，您都可以以

~data2

的形式访问helper对象，例如通过编写

{{:~data2.prop}

或

{{for~data2}}}…{{/for}

---

当然，dataOne或dataTwo可以是对象或数组。

谢谢，我会尝试一下，看看它是否能满足我的需要。