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

    How to add a q-toggle to the bottom of a q-table ?

    Framework
    4
    8
    648
    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.
    • R
      rab last edited by

      I would like to add a q-toggle to the footer of a q-table whilst retaining the default pagination component.

      I can easily add a toggle to the top of a q-table using top-left slot, but really I would like it positioned at the bottom.

      The toggle will control table v grid mode.

      Does anyone know how to do this?

      1 Reply Last reply Reply Quote 0
      • R
        rab last edited by

        Anyone know how to tackle this?

        1 Reply Last reply Reply Quote 0
        • J
          jadedRepublic last edited by

          https://codepen.io/jadedRepublic/pen/xxGGNpg?editable=true&editors=101 not ideal but It works

          R 1 Reply Last reply Reply Quote 1
          • dmitry.polushkin
            dmitry.polushkin last edited by

            By UX it’s better to place changing the view on the top, not on the bottom of the table.

            R 1 Reply Last reply Reply Quote 1
            • R
              rab @jadedRepublic last edited by

              @jadedRepublic Thank you. Although it seems bottom-row slot not present in grid mode.

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

                @rab you could wrap a qtable with a page sticky, atleast it will always show even when youre scrolling. Anyway if you really need it at bottom slot, you can rebuild the pagination slot out from the src, kindly check the quasar repo ticket, there was some recent solution posted about it.

                R 1 Reply Last reply Reply Quote 1
                • R
                  rab @dmitry.polushkin last edited by

                  @dmitry-polushkin Thanks. In my use case the state is sticky and users are assumed to toggle infrequently so bottom seemed ok to me, but you may well still be right even for my case.

                  1 Reply Last reply Reply Quote 0
                  • R
                    rab @metalsadman last edited by

                    @metalsadman Thank you for the suggestion. I appreciate it.

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