I'm currently working on incorporating a v-data-table inside a v-card, you can view the code in this CodePen snippet:
https://codepen.io/benwasin97/pen/eYveZGL
<v-data-table
:headers="headers"
:items="items"
:search="search"
:sort-by="id"
:sort-desc="true"
>
Upon trying to access the rows per page option by clicking it, I observed that the menu does not appear at all. In my application, the entire dropdown for selecting the number of rows per page does not display properly. This makes me think these issues are related somehow.
To summarize, my goal is to have the rows per page menu function correctly as shown in the provided CodePen link above.
Thank you.