0
285
Vistas¿Kendo Grid admite la combinación de celdas o no?
Mi Grid tiene la siguiente estructura
$("#grid").kendoGrid({ dataSource: { data: data, type: 'json' }, pageable: true, columns: [ { field: "SubServiceTypeName", title: "Sub Type" }, { field: "PrepaidMonthName", title: "Gói dịch vụ" }, { field: "DeviceName", title: "Tên thiết bị" }, { field: "DeviceStatusName", title: "Tình rạng" }, { field: "IsDeployName", title: "Triển khai" }, { field: "PriceStatementName", title: "CL giá" } ] }); Resultado: 
Quiero fusionar filas con el mismo valor de la columna [PrepaidMonthName] (llamar como "Gói dịch vụ"). No sé si kendo admite fusionar celdas o aún no. Lo que espero:
¿O hay otra solución para que yo haga esto?
·
Santiago Trujillo
1 Respuestas
Responde la pregunta0
Encontré la solución por mí mismo buscando y experimentando, aquí está la respuesta a mi pregunta: Actualmente, la cuadrícula de Kendo DOES NOT SUPPORT la combinación de celdas todavía, por lo que necesito usar JS puro para hacer esto. Hice lo siguiente:
$("#grid").kendoGrid({ dataSource: { data: data, type: 'json' }, pageable: true, columns: [ { field: "SubServiceTypeName", title: "Sub Type" }, { field: "PrepaidMonthName", title: "Gói dịch vụ" }, { field: "DeviceName", title: "Tên thiết bị" }, { field: "DeviceStatusName", title: "Tình rạng" }, { field: "IsDeployName", title: "Triển khai" }, { field: "PriceStatementName", title: "CL giá" }, ] }); const table = document.querySelector('.k-grid-content table'); let headerCell = null; for (let row of table.rows) { const firstCell = row.cells[1]; if (headerCell === null || firstCell.innerText !== headerCell.innerText) { headerCell = firstCell; } else { headerCell.rowSpan++; firstCell.remove(); } } }); El resultado: 
·
Santiago Trujillo
Denunciar
Responde la pregunta