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 - How Can I expand all rows at once?

    Help
    2
    4
    1270
    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.
    • donsherman
      donsherman last edited by donsherman

      Is there somehow a possibility to put another q-toggle into a q-tables header for expanding all rows at once?

      Beside a q-toggle to select all

      <template v-slot:header-selection="scope">
             <q-toggle v-model="scope.selected" />
      </template>
      

      The problem is: how to get ‘props’ into here? Or do i need a complete another approach to do that?

      1 Reply Last reply Reply Quote 0
      • s.molinari
        s.molinari last edited by

        You could do it like this.

        https://codepen.io/smolinari/pen/KKzOQJP?editors=1010

        Scott

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

          Thanks. But how can I combine it with the selection all q-toggle in the header section?
          To have both: a q-toggle to select all rows and a q-toggle to expand all rows?

          1 Reply Last reply Reply Quote 0
          • s.molinari
            s.molinari last edited by

            The same way. Instead of using the button, as I have. Use a toggle in the top-right section.

            Scott

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