时间戳

首页 > 解决方案 > 如何在 ngx 数据表中对行进行分组

angular - 如何在 ngx 数据表中对行进行分组

问题描述

我有一个问题，我必须对每个 tipoProyecto 行进行分组，但在文档中显示模板中的列 https://swimlane.github.io/ngx-datatable/#row-grouping

我在打字稿上定义了列，在模板中没有。

this.columns = [
  { $$id: 'proyecto.codigo', prop: 'proyecto.codigo', name: 'Proyecto', cellTemplate: this.selectTemplate },
  { $$id: 'actividad.id', prop: 'actividad.nombre', name: 'Actividad', cellTemplate: this.actividadTemplate },
  { prop: 'proyecto.tipoProyecto.nombre', name: 'Tipo Proyecto' },
  { $$id: 'detalle.id', prop: 'detalle.nombre', name: 'Detalle', cellTemplate: this.detalleTemplate },
  { prop: 'master', name: 'MASTER', cellTemplate: this.masterTemplate },
  { $$id: 'tipoHora.id', prop: 'tipoHora.nombre', name: 'Tipo Hora', cellTemplate: this.tipohoraTemplate },
  { prop: 'lunes', name: 'Lunes', cellTemplate: this.inputTemplate, summaryFunc: (cells) => this.sumaLunes(cells) },
  {
    prop: 'martes',
    name: 'Martes',
    cellTemplate: this.inputTemplate,
    summaryFunc: (cells) => this.sumaMartes(cells),
  },
  {
    prop: 'miercoles',
    name: 'Miercoles',
    cellTemplate: this.inputTemplate,
    summaryFunc: (cells) => this.sumaMiercoles(cells),
  },
  {
    prop: 'jueves',
    name: 'Jueves',
    cellTemplate: this.inputTemplate,
    summaryFunc: (cells) => this.sumaJueves(cells),
  },
  {
    prop: 'viernes',
    name: 'Viernes',
    cellTemplate: this.inputTemplate,
    summaryFunc: (cells) => this.sumaViernes(cells),
  },
  { prop: 'eliminar', name: 'Eliminar', cellTemplate: this.checkboxTemplate },
];

在文档中，列在模板中定义。我必须使用这种方法。我需要根据项目类型对行进行分组

标签： angulartypescriptngx-datatable

解决方案

推荐阅读