https://github.com/luizfernandoandrade1/stf_datatable

Data table de implementação simples para exibição de dados
https://github.com/luizfernandoandrade1/stf_datatable

Last synced: 3 months ago
JSON representation

Data table de implementação simples para exibição de dados

• Host: GitHub
• URL: https://github.com/luizfernandoandrade1/stf_datatable
• Owner: luizfernandoandrade1
• Created: 2017-10-09T16:37:18.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-12-06T17:18:30.000Z (about 7 years ago)
• Last Synced: 2024-10-11T14:07:15.006Z (4 months ago)
• Language: TypeScript
• Size: 12.4 MB
• Stars: 0
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# stf_datatable node module

This is a simple DataTableModule that you can add to your application easily. 

In this version we only show data from JSON passed by parameter to the component and you 

can select what propertie of JSON will be yours columns on Grid.

You can see a [DEMO](https://github.com/luizfernandoandrade1/STF-DataTable-Demo) to understand the implementation.  

Este é um DataTableModule que você pode adicionar facilmente em sua aplicação.

Nesta versão nós apenas exibimos dados de JSON passados via parâmetro para o componente e você também 

pode selecionar qual propriedade do JSON seram suas colunas no Grid 

Você pode ver um [DEMO](https://github.com/luizfernandoandrade1/STF-DataTable-Demo) para entender a implementação.

## Example

app.ts

```typescript

import { AfterViewInit, Component } from '@angular/core';

let data = [{id: 1, registro: "556325/66", data: "25/06/2015", vara: "Cívil", status: "Aguardando Análise", icon:"fa fa-bug"},

{id: 2, registro: "556441/77", data: "26/06/2025", vara: "Crime", status:"Pendente", icon:"fa fa-bug"},

{id: 3, registro: "559836/77", data: "27/06/2025", vara: "Cívil", status:"Analisado", icon:"fa fa-heartbeat"},

{id: 4, registro: "563565/77", data: "28/06/2025", vara: "Crime", status:"Analisado", icon:"fa fa-motorcycle"},

{id: 5, registro: "554169/77", data: "29/06/2025", vara: "Crime", status:"Analisado", icon:"fa fa-bug"},

{id: 6, registro: "556321/77", data: "21/06/2025", vara: "Família", status:"Analisado", icon:"fa fa-bug"},

{id: 7, registro: "556465/77", data: "22/06/2025", vara: "Família", status:"Recusado", icon:"fa fa-heartbeat"},

{id: 8, registro: "556465/77", data: "22/06/2025", vara: "Família", status:"Recusado", icon:"fa fa-bug"},

{id: 9, registro: "556658/77", data: "23/06/2025", vara: "Família", status:"Recusado", icon:"fa fa-motorcycle"}];

@Component({

  selector: 'app-root',

  templateUrl: './app.component.html',

  styleUrls: ['./app.component.css']

})

export class AppComponent implements AfterViewInit{

  title = 'app';

  dataTest: any[] = [];

  fullData: any[] = [];

  constructor(){

    this.dataTest = data;

  }

  public ngAfterViewInit(): void {

    this.dataTest = this.dataTest;

  }

   

}

```

app.html

```html



  


    

      

          

          

          

          

          

      

  

  



```