2015-10-16 85 views
1

我正在使用Kendo UI网格来显示数据。在这个现在我想合并三列。 就是这样。 enter image description herekendo ui网格与堆积列

+0

你能解释清楚你的要求吗? –

回答

0

在你的数据,你可以把HTML行定义为网格列下破坏<br />

var data = [ 
    {Id: 1, Location: "Long Side/Short Side<br />Sewer Septic<br />Meter location"}, 
    {Id: 2, Location: "Long side"}, 
    {Id: 3, Location: "sewer"}, 
    {Id: 4, Location: "North-east"},    
]; 

然后,encoded属性设置为false,这样的内容作为HTML处理:

$("#grid").kendoGrid({ 
    dataSource: data, 
    columns: [ 
     { field: "Id", title: "ID", }, 
     { field: "Location", title: "Location", encoded: false }, 
    ] 
}); 

DEMO