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
    1. Home
    2. carlos_proj
    C
    • Profile
    • Following 0
    • Followers 0
    • Topics 3
    • Posts 16
    • Best 0
    • Groups 0

    carlos_proj

    @carlos_proj

    0
    Reputation
    136
    Profile views
    16
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    carlos_proj Follow

    Latest posts made by carlos_proj

    • RE: RowsPerPage option disappears if using pagination.sync in QTable

      @metalsadman I’m sorry but I can’t get it.

      In my store, store.js I have

      export default {
        state: {
          pagination: {
            rowsPerPage: 7,
            page: 1
          }
        }
      

      And from my table I have

      import { mapState } from 'vuex'
      export default {
        computed: {
          ...mapState('store', [
            'pagination'
          ])
      }
      

      I’m not sure how to implement the watch functionality like in your example if we are no longer using a v-model.

      posted in Help
      C
      carlos_proj
    • RE: RowsPerPage option disappears if using pagination.sync in QTable

      @metalsadman I am a noob with vuex. I created a store with the property pagination in the structure we require. From my component, I am calling mapState from my file/variable. It sets my pagination how I want but I am not able to change it. I understand that I am supposed to use a mapMutation to change the store value but what is the event that handles the changing of the Rows per page selection?

      posted in Help
      C
      carlos_proj
    • RE: RowsPerPage option disappears if using pagination.sync in QTable

      However, while I have you here @metalsadman… This component is being spawned multiple. Imagine 5 different tables that all use this same component. If a user selects a different Rows per page on one of the tables, how can I reflect that across all tables?

      posted in Help
      C
      carlos_proj
    • RE: RowsPerPage option disappears if using pagination.sync in QTable

      @metalsadman I got it. It was a dumb mistake. I have a condition :hide-bottom="items.length < pagination.rowsPerPage" Where the intention was to hide the table controls but this is obviously bad code. Thanks for your help!

      posted in Help
      C
      carlos_proj
    • RE: RowsPerPage option disappears if using pagination.sync in QTable

      @metalsadman The table control is still disappearing 😞

      posted in Help
      C
      carlos_proj
    • RE: RowsPerPage option disappears if using pagination.sync in QTable

      I also notice that on https://v0-15.quasar-framework.org/components/datatable.html#Controlling-pagination-custom-controls-amp-watching-for-page-navigation the example is basically what I have. They setup :pagination.sync="paginationControl" and paginationControl: { rowsPerPage: 3, page: 1 }. The rest of the example is just fancy stuff but the fact that the Rows per page doesn’t disappear on the UI is what I am lacking.

      posted in Help
      C
      carlos_proj
    • RE: RowsPerPage option disappears if using pagination.sync in QTable

      @metalsadman I tried your solution. I did :rows-per-page-options="rowsOptions". In data, I now have

      data () {
          return {
            rowsOptions: [3, 5, 7, 10, 15, 25, 50, 0],
            pagination: {
              rowsPerPage: 7,
              page: 1
            }
      }
      

      I implemented the watch but instead of giving it a blank array, because I don’t want it to be empty, I go ahead and re-establish this.rowsOptions to what I want it to be.

      watch: {
          'pagination' () {
            console.log(this.pagination.rowsPerPage)
            if (this.pagination.rowsPerPage === 0 || (this.pagination.rowsPerPage >= 15 && this.pagination.rowsPerPage < 50)) {
              this.rowsOptions = [3, 5, 7, 10, 15, 25, 50, 0]
            }
          }
        }
      

      However, the Rows per page still disappears on the UI if the user selects a Rows per page greater than the amount of items.

      posted in Help
      C
      carlos_proj
    • RowsPerPage option disappears if using pagination.sync in QTable

      Re: QDataTable help

      I am having issues with the pagination scheme. If I try to override my q-table’s rowsPerPage option to say 7, then I see that the tables now display 7 as the initial amount. As an example, suppose that I have 12 items for that table and I only display 7. The user then has the option to change the rows per page to [3, 5, 7, 10, 15, 20, 25, 50, All] as a default . However, if they were to choose between 15-50 as their rowsPerPage, then the option to choose a different rowsPerPage disappears.

      I am using windows/chrome. I am implementing the initial pagination’s rowPerPage option by doing :pagination.sync="pagination" and in data data () { pagination: {rowsPerPage: 7}}.

      posted in Help
      C
      carlos_proj
    • RE: Always show x-scroll bar on <q-table> even when the amount of rows goes beyond visible page

      @Hawkeye64 The issue is that there are many rows. I am currently implementing a pagination scheme but if the user overrides it by trying to view more, then this issue occurs.

      posted in CLI
      C
      carlos_proj
    • RE: Always show x-scroll bar on <q-table> even when the amount of rows goes beyond visible page

      @Hawkeye64 I’m looking for a solution to how this handles the scrolling https://amphiluke.github.io/handy-scroll/. I’m currently trying to implement this with no luck

      posted in CLI
      C
      carlos_proj