Javascript 如何根据下拉结果显示剔除网格标题和数据

我需要制作一个网格来显示数据，用户可以根据下拉菜单使用knockout进行选择。例如，如果我的数据集是：

{数据：{昆虫平均数量：9，叶片受损百分比：67.5}，{昆虫平均数量：8，叶片受损百分比：33.9}，{昆虫平均数量：10，叶片受损百分比：10.4}，{昆虫平均数量：10，叶片受损百分比：21.6}

我有下拉菜单，让学生选择他们想要使用的变量，通常会有两个以上的变量，并根据他们选择的变量显示实际数据。我尝试从simpleGrid开始，但它似乎没有响应标题和行的更改

---

下面是JSFIDLE:

要填充标题，只需按照下面的示例进行操作：但不要使用类别中的数据来填充产品，而是使用类别来填充绑定到标题的可观察数组

在发布此信息时确实应该使用JSFIDLE。。。但是我猜你需要做的并不是通读所有的内容，而是为你的头颅做一个计算，并通过阅读下拉列表中的选项来填充你需要的数据。。。您可能需要订阅下拉列表。。基本上是这样做的，但不是填充第二个下拉列表，而是填充你的标题：我已经对当前设置中的相关代码进行了JS处理，我开始尝试切换到Carditor中的设置方式，但我对如何让我的数据首先显示感到困惑，因为它是按列而不是按行组织的。除此之外，我还试图根据所选的类别填充产品标题，但我不明白为什么我当前的标题不起作用：你的意思是我需要在ViewModel中创建一个新变量吗？