Paging Control not working in a Table

Summary

Basic paging control not working

Content

Hello,

I'm trying to replicate the Paging Control mentioned in https://www.oracle.com/webfolder/technetwork/jet/jetCookbook.html?component=pagingControl&demo=basicPagingTable

This basically says to use an ADP and to set the component oj-paging-control, right?

I have the following code (check snippet at the end), but I can only see my table with the scroll and not with pagination options, am I missing something?

Visual Builder Runtime Version

19.4.3.19

Oracle JET Version

9.0.5 

Code Snippet

<oj-table id="table" scroll-policy="loadMoreOnScroll" class="oj-flex-item oj-sm-12 oj-md-12" data="[[ $variables.getScreenTransactionsADP ]]" columns='[{"headerText":"Data","field":"data"},{"headerText":"Nome","field":"nome"},{"headerText":"Tipo Loja","field":"tipoLoja", "width":"70"},{"headerText":"P Sell","field":"countPixSell", "width":"50"},{"headerText":"S Sell","field":"countStageSell", "width":"50"},{"headerText":"E Sell","field":"countErpSell", "width":"50"},{"headerText":"P Sell EP","field":"countPixSellEp", "width":"65"},{"headerText":"S Sell EP","field":"countStageSellEp", "width":"65"},{"headerText":"E Sell EP","field":"countErpSellEp", "width":"60"},{"headerText":"P Refund","field":"countPixRefund", "width":"60"},{"headerText":"S Refund","field":"countStageRefund", "width":"60"},{"headerText":"E Refund","field":"countErpRefund", "width":"60"},{"headerText":"P Exchange","field":"countPixRefundExchange", "width":"64"},{"headerText":"S Exchange","field":"countStageRefundExchange", "width":"64"},{"headerText":"E Exchange","field":"countErpRefundExchange", "width":"64"},{"headerText":"E AC","field":"countErpAc","width":"50"},{"headerText":"P Stock","field":"countPixStock","width":"60"},{"headerText":"S Stock","field":"countStageStock","width":"60"},{"headerText":"E Stock","field":"countERPStock", "width":"60"},{"headerText":"Compliance","field":"Compliance","width":"70"},{"headerText":"","template":"viewButton","style":"text-align: center;","headerStyle":"text-align: center;"}]' selection-mode.row="single" display="grid" style="margin-left: 5px; margin-right: 5px; font-size: 8pt;height: 600px;" horizontal-grid-visible="enabled" vertical-grid-visible="enabled"> 
    <template slot='rowTemplate' data-oj-as='row'>
   <tr>
   <td>
      <oj-bind-text value="[[row.data.data]]"></oj-bind-text>
   </td>
   <td>
      <oj-bind-text value="[[row.data.nome]]"></oj-bind-text>
   </td>
   <td>