我想在喜欢这幅画网格剑道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