aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_elements/datatable/datatable.component.html
blob: 17a187ef37bfeeba41a112b53d7a577757e83fd6 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<div *ngIf="tableData.hasInput" class="position-relative">
    <div class="text-white">
        <div *ngIf="!tableData.loaded" style="width: 100%; height: 100%;" class="d-flex justify-content-center align-items-center">
            <app-loading></app-loading>
        </div>
        <div *ngIf="tableData.loaded && tableData.data">
            <div id="info" *ngIf="tableData.data.length > 0 && tableData.data[0].length > 0" class="d-flex flex-row justify-content-center align-items-center">
                <div class="fs-5 mb-3">
                    Tabela {{tableData.numCols}}x{{tableData.numRows}}
                </div>
            </div>
            <div style="border-radius: 5px; overflow-x: auto; overflow-y: hidden;">
                <table *ngIf="tableData.data.length && tableData.data[0].length > 0" class="table table-responsive table-sm text-offwhite row-height">
                    <thead>
                        <tr>
                            <th *ngFor="let item of tableData.data[0]; let i = index">{{item}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let row of tableData.data | slice:1">
                            <td *ngFor="let col of row">{{col}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="footer-center" >
                <div>+ {{tableData.numRows - 11}} redova...</div>
            </div>
        </div>
    </div>
</div>