1
 <ng-template pTemplate="body" let-rowData let-columns="columns">
                <tr class="prime-grid-cell-font">
                    <td *ngFor="let col of columns" [ngStyle]="{'text-align': behaviorTableService.columnStyle(rowData[col.field])}">
                        <ng-container *ngIf="behaviorTableService.typeColumn(rowData[col.field])" >
                           {{rowData[col.field]}}
                        </ng-container>
                        <ng-container *ngIf="!behaviorTableService.typeColumn(rowData[col.field])">
                            {{rowData[col.field] | number:'1.0-0'}}
                        </ng-container>
                    </td>
                </tr>
            </ng-template>

Ejemplo de cuando ocupo slice

Estuve probando con slice, pero como recorro por columna me borra la primera, y yo necesito borrar la primera fila: la cabecera del body.

6
  • Por curiosidad... por qué necesitas saltar el primer elemento? Nos puedes mostrar un ejemplo de los datos que recibes (los que llenan la tabla)?
    – Arriel
    el 24 ene. 2022 a las 15:12
  • ¿Intentaste utilizando una combinación entre el index del ngFor y el ngIf? stackoverflow.com/questions/35405618/…
    – bLEx
    el 24 ene. 2022 a las 15:13
  • porque esa cabecera del body viene de un SP , y no es necesaria mostrar el 24 ene. 2022 a las 15:26
  • la verdad que no, seria mas o menos la lógica en mi caso? el 24 ene. 2022 a las 15:27
  • enlace ahi esta el json el 24 ene. 2022 a las 15:35

2 respuestas 2

2

Si lo que quieres eliminar es el primer registro del array, el slice se lo tienes que aplicar al array de los datos, no al de las columnas.

Aunque no lo has incluido en el código de tu pregunta en tu template debes tener algo similar a esto:

<p-table [value]="tuData">

Aplicale el slice a este tuData y ya deberia saltarse la primera fila. Usando la pipe de angular te quedaría así:

<p-table [value]="tuData | slice:1">

saludos

0

Puedes utilizar el índice del iterador (*ngFor="let col of columns; let i = index) para lograr esto:

<ng-template pTemplate="body" let-rowData let-columns="columns">
  <tr class="prime-grid-cell-font">
    <ng-container *ngFor="let col of columns; let i = index">
    <td *ngIf="i!==0"  [ngStyle]="{'text-align': behaviorTableService.columnStyle(rowData[col.field])}">
      <ng-container *ngIf="behaviorTableService.typeColumn(rowData[col.field])">
        {{rowData[col.field]}}
      </ng-container>
      <ng-container *ngIf="!behaviorTableService.typeColumn(rowData[col.field])">
        {{rowData[col.field] | number:'1.0-0'}}
      </ng-container>
    </td>
    </ng-container>
  </tr>
</ng-template>

5
  • enlace Al ejecutar tu ejemplo sale queda asi @Legna el 24 ene. 2022 a las 15:43
  • La condición sería al revés: *ngIf="i!==0" el 24 ene. 2022 a las 15:46
  • Me elimina la primera columna , tal como cuando probé con slice:1 el 24 ene. 2022 a las 15:49
  • @PabloLozano gracias por la corrección.
    – Legna
    el 24 ene. 2022 a las 16:18
  • @Pablobustamante usa lo que te parezca más cómodo!.
    – Legna
    el 24 ene. 2022 a las 16:19

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.