Kendo ui 如何在剑道网格ui中划行

Kendo ui 如何在剑道网格ui中划行,kendo-ui,kendo-grid,kendo-asp.net-mvc,Kendo Ui,Kendo Grid,Kendo Asp.net Mvc,我想要像这张图片一样的gird剑道ui中的rowspan? 非常感谢 行跨越意味着以下之一: 在呈现期间,对于列或行模板中的单个表行元素,您将有权访问至少两个数据项。不幸的是,这在剑道UI网格中是不可能的 即使您在网格的dataBound事件中操作表结构,网格也不会意识到这一点,并且某些操作无法正常工作(例如编辑、选择、数据项检索等) 因此,不支持行跨越。行跨越意味着以下情况之一: 在呈现期间,对于列或行模板中的单个表行元素,您将有权访问至少两个数据项。不幸的是,这在剑道UI网格中是不可能

我想要像这张图片一样的gird剑道ui中的rowspan?
非常感谢

行跨越意味着以下之一:

  • 在呈现期间,对于列或行模板中的单个表行元素,您将有权访问至少两个数据项。不幸的是,这在剑道UI网格中是不可能的
  • 即使您在网格的
    dataBound
    事件中操作表结构,网格也不会意识到这一点,并且某些操作无法正常工作(例如编辑、选择、数据项检索等)

因此,不支持行跨越。

行跨越意味着以下情况之一:

  • 在呈现期间,对于列或行模板中的单个表行元素,您将有权访问至少两个数据项。不幸的是,这在剑道UI网格中是不可能的
  • 即使您在网格的
    dataBound
    事件中操作表结构,网格也不会意识到这一点,并且某些操作无法正常工作(例如编辑、选择、数据项检索等)

因此,不支持行扩展。

对于我,请使用行模板:

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>
var指数=0;
$(“#网格”).kendoGrid({
栏目:[{
标题:“姓名+年龄”,
列:[{title:“Name”},{title:“Age”}]
}],
数据源:[
{姓名:“Jane Doe”,年龄:30},
{姓名:“Jane Doe”,年龄:30},
{姓名:“Jane Doe”,年龄:30},
{姓名:“Jane Doe”,年龄:30},
{姓名:“Jane Doe”,年龄:30},
{姓名:“约翰·多伊”,年龄:33}
],
行模板:
' '+
“#如果(索引+++%3==0){#”+
“#=名称#”+
'#}#   '+
“:年龄”+
''
});

与我一起使用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>
var指数=0;
$(“#网格”).kendoGrid({
栏目:[{
标题:“姓名+年龄”,
列:[{title:“Name”},{title:“Age”}]
}],
数据源:[
{姓名:“Jane Doe”,年龄:30},
{姓名:“Jane Doe”,年龄:30},
{姓名:“Jane Doe”,年龄:30},
{姓名:“Jane Doe”,年龄:30},
{姓名:“Jane Doe”,年龄:30},
{姓名:“约翰·多伊”,年龄:33}
],
行模板:
' '+
“#如果(索引+++%3==0){#”+
“#=名称#”+
'#}#   '+
“:年龄”+
''
});
请参阅。如果需要帮助,请发布网格代码。请参阅。如果您需要帮助,请发布您的网格代码。