<div>
    <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">Button </button>
                </ng-template>
            </ngx-datatable-footer>
        </ngx-datatable>
    </div>
</div>