Pagination on data-table component

cancel
Showing results for 
Search instead for 
Did you mean: 
danny36
Active Member

Pagination on data-table component

I'm learn to use ADF components and now I'm tring to paginate a data table, this is my html angular code.
The pagination don't appear on browser, in the html code I have an empty pagination div.

<adf-datatable [data]="data" #personList>

        <data-columns>


          <data-column
      key="id"
      title="id"
        [sortable]="false">
      </data-column>

          <data-column
      key="firstName"
      title="Nome"
        [sortable]="true">
      </data-column>

      <data-column
      key="lastName"
      title="Cognome"
        [sortable]="true">
      </data-column>


        </data-columns>

      </adf-datatable>

 <adf-pagination [pagination]="pagination"
                 [target]="personList"
                 [supportedPageSizes]="sizes"
                 (changePageNumber)="onChangePageNumber($event)"></adf-pagination>
4 Replies
EddieMay
Alfresco Employee

Re: Pagination on data-table component

Hi @danny36 

Without attempting pagination, does this datatable populate & display data as expected?

Digital Community Manager, Alfresco Software.
Problem solved? Click Accept as Solution!
danny36
Active Member

Re: Pagination on data-table component

Yes the datatable display the data. If I use adf-document-list component the pagination works.

danny36
Active Member

Re: Pagination on data-table component

someone can help me to add pagination component to datatable? thanks.

danny36
Active Member

Re: Pagination on data-table component

I have add <adf-pagination> to html file but I got this erro:

Type 'DataTableComponent' is missing the following properties from type 'PaginatedComponent': pagination, updatePagination