paging control not working

Summary

as I try to put a paginf control inside a table, when I put the data variable It does not show the paginf control.

Content

My code and table before i put the data:

<oj-table display="grid" scroll-policy="loadMoreOnScroll" id="oj-table-1567231906-1" class="oj-flex-item oj-sm-12 oj-md-12" selection-mode.row="single" selection-mode.column="single" on-selection-changed="[[ $page.listeners.oj_table_1567231906_1SelectionChanged ]]" data="[[ $variables.vLineasManualADP ]]" columns= "ALL THE COLUMNS HERE" on-first-selected-row-changed="[[$listeners.ojTable15672319061FirstSelectedRow]]">
  <oj-paging-control id="paging" page-size="3" slot="bottom">
                  </oj-paging-control>

https://imgbbb.com/image/LXqvDN

My code and table after i add the data in the paging control:

oj-table remains the same.