Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

148
Visualizações
Angular2 - How to create a simple table

I need to know the correct practice to use in this scenario:

I have a WebApi that returns a tabular dataset and I have to show it using bootstrap tables...

How to implement it? Which bootstrap component should I use?

The table is very simple, it expose just few data and a button to go in the row detail...

about 4 years ago · Santiago Trujillo
2 Respostas
Responde à pergunta

0

Here's an example of simple table that will redirect you to details on row click:

<table class="table table-hover">
    <thead>
        <tr>
            <td>Id</td>
            <td>Title</td>
            <td>Amount</td>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let transfer of transfers" [routerLink]="['/transfer']" [queryParams]="{ id: transfer.id }">
            <td>{{transfer.id}}</td>
            <td>{{transfer.title}}</td>
            <td>{{transfer.amount}}</td>
        </tr>
    </tbody>
</table> 

I assumed you're working with transfers array and redirect based on id.

about 4 years ago · Santiago Trujillo Relatório

0

You can use Bootstrap angular 2 data tables. check this URL

If you like to test another solution go with teradata covalent data table. Check this link

By using you can get responsive design with some more additional features such as: search facility, Pagination

about 4 years ago · Santiago Trujillo Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda