Skip to main content
adicionou 2028 caracteres ao conteúdo
Fonte Link
Andersson OS
  • 113
  • 1
  • 2
  • 13

Especifique mais sua duvida. Você quer ao final da row ou ao final da tabela? A pergunta não esta clara. Voce podePode usar no style float:left.isso

<div class="container">
    <div class="row">
        <div class="col-md-12">
        <table class="table table-striped table-bordered" style="float:left">
         <caption>Lista de Tipo de Campos</caption>
            <thead class="thead-dark">
                <tr>
                    <th>Nome</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let typefield of dataSource">
                    <div *ngIf="typefield.edit!=true">
                        <td class="col-md-10">{{ typefield.name }}</td>
                        <td class="col-md-1">
                                <fa *ngIf="checkEdit()" name="pencil" (click)="initEditTypeField(typefield)"></fa>
                            </td>
                            <td class="col-md-1">
                                <fa *ngIf="checkEdit()" name="times" (click)="onDelete(typefield)"></fa>
                            </td>
                    </div>
                    <form [formGroup]="createForm" *ngIf="typefield.edit === true">
                            <td class="col-md-6"> {{ typefield.typefieldId}}<input formControlName="id" type="hidden" class="col-md-1"></td>
                            <td> <input formControlName="name" type="text"></td>
                            <td class="col-md-1">
                                <fa name="save" (click)="onUpdate()"></fa>
                            </td>
                            <td class="col-md-1">
                                <fa name="ban" (click)="typefield.edit = null; initDefaultForm();"></fa>
                            </td>
                                                
                    </form>
                </tr>
            </tbody>

        </table>
        <div style="float: right; width:  100%;">
        <button style="float: right;">+</button>
        </div>
        <div>

Especifique mais sua duvida. Você quer ao final da row ou ao final da tabela? A pergunta não esta clara. Voce pode usar no style float:left.

Pode usar isso

<div class="container">
    <div class="row">
        <div class="col-md-12">
        <table class="table table-striped table-bordered" style="float:left">
         <caption>Lista de Tipo de Campos</caption>
            <thead class="thead-dark">
                <tr>
                    <th>Nome</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let typefield of dataSource">
                    <div *ngIf="typefield.edit!=true">
                        <td class="col-md-10">{{ typefield.name }}</td>
                        <td class="col-md-1">
                                <fa *ngIf="checkEdit()" name="pencil" (click)="initEditTypeField(typefield)"></fa>
                            </td>
                            <td class="col-md-1">
                                <fa *ngIf="checkEdit()" name="times" (click)="onDelete(typefield)"></fa>
                            </td>
                    </div>
                    <form [formGroup]="createForm" *ngIf="typefield.edit === true">
                            <td class="col-md-6"> {{ typefield.typefieldId}}<input formControlName="id" type="hidden" class="col-md-1"></td>
                            <td> <input formControlName="name" type="text"></td>
                            <td class="col-md-1">
                                <fa name="save" (click)="onUpdate()"></fa>
                            </td>
                            <td class="col-md-1">
                                <fa name="ban" (click)="typefield.edit = null; initDefaultForm();"></fa>
                            </td>
                                                
                    </form>
                </tr>
            </tbody>

        </table>
        <div style="float: right; width:  100%;">
        <button style="float: right;">+</button>
        </div>
        <div>

Fonte Link
Andersson OS
  • 113
  • 1
  • 2
  • 13

Especifique mais sua duvida. Você quer ao final da row ou ao final da tabela? A pergunta não esta clara. Voce pode usar no style float:left.