wp-tabla-dinamica

#Instalar

1. Install wp-tabla-dinamica via the npm registry:

npm install wp-tabla-dinamica

Parametros

data  // Arregloque se registra en la tabla dinamica
menu  // menu contextual con n funciones disponibles
navigation // funcion de navegacion detale de registros
functionPrincipalActive // activar funcion en la primera columna de la tabla
functionPrincipal // funcion principal del boton en la primera columna de cada registro

TypeScript

app.modulo.ts

import { WpTablaDinamicaModule } from 'wp-tabla-dinamica';

@NgModule({
    WpTablaDinamicaModule
})
export class AppModule {
}

Componente

@Component({
  selector: 'prueba',
  templateUrl: './prueba.component.html',
  styleUrls: ['./prueba.component.scss']
})
export class pruebaComponent {
 tablaDinamica: Array<any> = [
      {
        "_id": "a",
        "sentencia": "a",
        "modulo": "b",
        "descripcion": "v",
        "estado": "d",

      },
      {
        "_id": "a",

        "sentencia": "a",
        "modulo": "b",
        "descripcion": "v",
        "estado": "d",

      }
    ]

 menuHorizontal: Array<ListEvents> = [
    new ListEvents("fa-info", "informacion", (item: any) => {
     
      console.log(item)
    }),
    new ListEvents("fa-download", "descargar", (item: any) => {
    
      console.log(item)
    }, (item: any) => {
      return item.fecha_procesamiento != null //return boolean
    })
  ]
}
navegacionEjemplo(item: any) {

}
descargaEjemplo(item: any) {

}

HTML

<div *ngIf="datos.length">
	<wp-tabla-dinamica 
		[data]="datos" 
		[menu]="menuHorizontal" 
		(navigation)="navegacionEjemplo($event)"
		[functionPrincipalActive]="true"
		(functionPrincipal)="descargaEjemplo($event)">
	</wp-tabla-dinamica>
</div>