kendo ui grid with stacked columns

Question

Я использую сетку Kendo ui для отображения данных. В этом теперь я хочу объединить три столбца. Что-то вроде этого.

Answer 1

В ваших данных вы можете поместить 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 к ложным, так что содержимое рассматриваются как HTML:

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

DEMO