Question

我想在这张照片中使用gird kendo ui中的rowspan？ Images example 非常感谢！

Answer 1

行跨越意味着以下之一：

在渲染期间，您可以访问列或行模板中的单个表行元素的至少两个数据项。遗憾的是，这不适用于Kendo UI Grid。
即使您在Grid的dataBound事件中操作表结构，Grid也不会意识到这一点，并且某些操作将无法正常工作（例如编辑，选择，数据项检索等）

因此，不支持行跨越。

Answer 2

和我一起使用rowTemplate：

var index = 0;
$("#grid").kendoGrid({
  columns: [{
    title: "Name + Age", 
    columns: [{title: "Name"}, {title: "Age"}]
  }],
  dataSource: [ 
    { name: "Jane Doe", age: 30 }, 
    { name: "Jane Doe", age: 30 }, 
    { name: "Jane Doe", age: 30 }, 
    { name: "Jane Doe", age: 30 }, 
    { name: "Jane Doe", age: 30 }, 
    { name: "John Doe", age: 33 } 
  ],
  rowTemplate: 
  '<tr> '+
    '#if(index++ % 3 == 0){# '+
        '<td rowspan=3><strong>#=name#</strong></td> '+
    '#}#   '+
    '<td><strong>#: age #</strong></td>'+
  '</tr>'
});
</script>

我怎么能用rowpan kendo grid ui

2 个答案: