我怎样才能行跨度剑道格UI(How I can rowspan kendo grid ui)

2019-09-27 05:19发布

我想在喜欢这幅画网格剑道UI行跨度? 图片例如非常感谢!

Answer 1:

跨行意味着下列之一:

  • 你将有机会获得至少两个数据项在一列或单个表行元素的行模板,在渲染过程中。 很不幸,是不可能的剑道UI电网。
  • 即使你操纵网格的表结构dataBound事件,网格将不会意识到这一点,一些操作将无法正常工作(如编辑,选择,数据项检索等)

其结果是,不支持跨行的。



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>


文章来源: How I can rowspan kendo grid ui