带有Kendo Grid的多列标题

Question

我不知道这叫做什么，我用headerTemplate搞砸了很多但是无法弄清楚如何产生这种外观。我需要第二行列名称在排序和过滤方面“正常行动”，但我尝试的所有内容都打破了这一点。我不知道headerTemplate是否是正确的方法吗？这种分组有名称吗？我的研究结果很多，所以我怀疑我使用了错误的关键词。这个布局叫什么？

注意：出于安全原因，我无法发布代码转储（对图像也非常紧张）。如果需要特定的东西，请告诉我，我会尝试匿名。但是，大多数情况下，我只是在寻找除了使用headerTemplate之外的其他建议。

Answer 1

现在，Kendo网格本身支持此功能。这是一个example。

Answer 2

你无法通过MVC上的Kendo网格实现多行组头，尽管有讨论在Kendo的当前版本（2014Q2）中添加该功能。请参阅以下链接以获取更多参考：
  Pivot Grid StackOverflow Reference

但是，您可以通过jquery在网格的数据绑定事件上实现multirow标头选项。但这是一种解决方法，而不是一种完美的灵魂 请参阅数据绑定事件的js函数以添加多行标题：

 function onDataBound(arg) {
     var myElem = document.getElementById('trParentHeader'); //Check if Parent Header Group exist
     if (myElem == null){ // if parent Header doesnot exist then add the Parent Header
        $("#grid").find("th.k-header").parent().before("<tr id='trParentHeader'>  <th colspan='2' class='k-header'><strong>Products + Unit Price</strong></th>  <th scope='col' class='k-header'><strong>Single Units in Stock</strong></th></tr>");
     }
  }

如需更多理解和工作示例，请参阅以下示例：

MultiRow-Column Header Sample

如果您有任何疑问，请告诉我。