<div style='float:left;width:100%'>
    <ngx-datatable style="width: 100%" class="material" [rows]="rows" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50" [rowHeight]="'auto'" [limit]="10">
        <ngx-datatable-column [width]="30" [sortable]="true" [canAutoResize]="false" [draggable]="false" [resizeable]="false">
            <ng-template ngx-datatable-cell-template let-row="row">
                <input type="checkbox" [checked]="checkSelected(row)" (change)="onChangeSelect(row)" />
            </ng-template>
        </ngx-datatable-column>
        <ngx-datatable-column name="AREA" prop="_macroarea"></ngx-datatable-column>
        <ngx-datatable-column name="FILIALE" prop="_filiale"></ngx-datatable-column>
        <ngx-datatable-column name="UFFICIO" prop="_ufficio"></ngx-datatable-column>
        <ngx-datatable-column name="CODICE PRATICA" prop="_idIter"></ngx-datatable-column>
        <ngx-datatable-column name="DATA" prop="_data"></ngx-datatable-column>
        <ngx-datatable-column name="PRODOTTO" prop="_product"></ngx-datatable-column>
        <ngx-datatable-column name="STATO" prop="_status"></ngx-datatable-column>
        <ngx-datatable-footer>
            <ng-template ngx-datatable-footer-template let-rowCount="rowCount" let-pageSize="pageSize" let-selectedCount="selectedCount" let-curPage="curPage" let-offset="offset" let-isVisible="isVisible">
                <div class="page-count">
                    <span *ngIf="selectedMessage">
                      {{selectedCount.toLocaleString()}} {{selectedMessage}} /
                    </span> {{rowCount.toLocaleString()}} {{totalMessage}}
                </div>
                <datatable-pager [pagerLeftArrowIcon]="'datatable-icon-left'" [pagerRightArrowIcon]="'datatable-icon-right'" [pagerPreviousIcon]="'datatable-icon-prev'" [pagerNextIcon]="'datatable-icon-skip'" [page]="curPage" [size]="pageSize" [count]="rowCount" [hidden]="!((rowCount / pageSize) > 1)"
                    (change)="table.onFooterPage($event)">
                </datatable-pager>
                <button class="detailsButton" [disabled]="!selectedIter" (click)="goToDetail()">DETAILS</button>
            </ng-template>
        </ngx-datatable-footer>
    </ngx-datatable>
</div>