topic Re: Pagination on data-table component in Alfresco Forum

Pagination on data-table component

danny36 — Tue, 13 Apr 2021 10:45:15 GMT

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>

Re: Pagination on data-table component

EddieMay — Wed, 14 Apr 2021 11:25:36 GMT

Hi @danny36

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

Re: Pagination on data-table component

danny36 — Wed, 14 Apr 2021 12:50:34 GMT

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

Re: Pagination on data-table component

danny36 — Tue, 22 Feb 2022 17:16:15 GMT

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

Re: Pagination on data-table component

danny36 — Wed, 23 Feb 2022 14:41:49 GMT

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