我怎样才能Rowpan Kendo Grid UI [英] How I can rowspan kendo grid ui

问题描述

我想要像这样的照片在gird kendo ui中的行跨度吗? 图片示例 非常感谢！

I want rowspan in gird kendo ui like this picture ? Images example Thanks so much!

推荐答案

和我一起使用rowTemplate:

With me, use 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的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！