No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Q-table height issue show all records without pagination

    Help
    2
    3
    997
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • H
      hpawar last edited by hpawar

      With QTable, I do not want pagination and just want a scroll bar with all records. I am only able to see a certain number of records in my widget with a scroll. Unless I activate pagination the rest of the records remain invisible. Am I missing something ? My QTable is inside QCarousel.

      <q-carousel v-model=“slide” transition-prev=“jump-right” transition-next=“jump-left” swipeable
      animated control-color=“black” navigation-icon=“radio_button_unchecked” navigation
      :fullscreen.sync=“fullscreen” infinite>
      <q-carousel-slide :name=‘index’ v-for="(tab, index) in dialog.dataObj" :key=“index”>
      <q-banner dense class=“text-center bg-info text-white”>{{tab.tabName}}</q-banner>
      <div class=“text-center”>
      <q-table dense :data=“tab.data” :columns=“tab.columns” row-key=“name”
      :pagination.sync=“pagination” class=“my-sticky-header-table”></q-table>
      </div>
      </q-carousel-slide>
      <template v-slot:control>
      <q-carousel-control position=“top-right” :offset="[18, 18]">
      <q-btn push round dense color=“white” text-color=“primary”
      :icon=“fullscreen ? ‘fullscreen_exit’ : ‘fullscreen’”
      @click=“fullscreen = !fullscreen” />
      </q-carousel-control>
      </template>
      </q-carousel>

      1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman last edited by

        https://codepen.io/metalsadman/pen/VoXOGP?&editable=true&editors=101

        H 1 Reply Last reply Reply Quote 0
        • H
          hpawar @metalsadman last edited by

          @metalsadman Thanks a lot, it’s working. I was not setting pagination object when using hide-bottom attribute, thinking it won’t be needed.

          1 Reply Last reply Reply Quote 0
          • First post
            Last post