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

    [Solved] DataTable - Is that possible to change the height of "toolbar"?

    Framework
    2
    5
    508
    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.
    • S
      Stanley last edited by Stanley

      As you know we can add button at the header of datatable using below syntax.

      <q-table>
        <template slot="top-left" slot-scope="props">
          <q-btn>
          <q-btn>
      

      These buttons are just like on the toolbar. Now I found it occupies too much of space. Is that possible to change the height of “toolbar”?

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

        I’m not sure what you mean, but if you use a component, often you can change its style/ design with some css in your own component.

        Scott

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

          @s-molinari As I can’t upload picture here, I upload the picture to my profile. Could you please have a look, thanks!

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

            Like I said, you can adjust the css as you like. And since it is a slot, you can basically do anything you want from a design perspective.

            Scott

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

              @s-molinari Thanks for your help!

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