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

    QTable disable pagination

    Help
    4
    6
    8732
    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.
    • V
      venkyvb last edited by

      I am using the QTable with very limited set of rows. Is there a way to disable pagination? Right now when I set the hide-bottombar the paging control is not shown, however the page size settings seem to be intact, so that all records are not shown in the QTable.

        <q-table
          :data="tableData"
          :columns="columns"
          row-key="name"
          hide-header
          hide-bottom
        />
      
      metalsadman 1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman @venkyvb last edited by Shone

        @venkyvb
        Try something like this.

         <q-table
            :data="tableData"
            :columns="columns"
            row-key="name"
            :rows-per-page-options="[0]" 
            :pagination.sync="pagination"
            hide-header
            hide-bottom
          />
        
        data () {
          return {
            pagination: {
                 page: 1,    
                 rowsPerPage: 0 // 0 means all rows    
             }
        }
        
        V U 2 Replies Last reply Reply Quote 3
        • V
          venkyvb @metalsadman last edited by

          @metalsadman Thanks. This works !!

          1 Reply Last reply Reply Quote 0
          • L
            Lou Rectoret last edited by Lou Rectoret

            Worked for me for v1.0.0! Thanks @metalsadman

            But why

            :hide-pagination="true"
            

            is not hidding pagination?

            metalsadman 1 Reply Last reply Reply Quote 0
            • metalsadman
              metalsadman @Lou Rectoret last edited by

              @Lou-Rectoret it needs quasar v 1.12+.

              1 Reply Last reply Reply Quote 0
              • U
                ufukcam @metalsadman last edited by

                @metalsadman thank you it’s worked me.

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