wp-tabla-dinamica
v0.0.21
Published
1) Install *wp-tabla-dinamica* via the npm registry: ```sh npm install wp-tabla-dinamica ``` # Parametros ```typescript data // Arregloque se registra en la tabla dinamica menu // menu contextual con n funciones disponibles navigation // funcion de nave
Downloads
31
Readme
#Instalar
- 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>