title: How to add border radius on Quasar table
body: <p>I'm trying to create a table with header like this</p>
  <p><a href="https://i.stack.imgur.com/aTAMC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aTAMC.png" alt="table's header" /></a></p>
  <p>I try with this code, but no luck</p>
  <pre><code>    &lt;q-table binary-state-sort
        table-header-class=&quot;text-white bg-44b2b8 rounded&quot;
        :data=&quot;this.$store.state.apiKeyList&quot;
        :columns=&quot;columns&quot;
        :filter=&quot;filter&quot;
        row-key=&quot;name&quot;
        flat
      &gt;
        &lt;template v-slot:top&gt;
          &lt;q-input debounce=&quot;300&quot; color=&quot;primary&quot; v-model=&quot;filter&quot;&gt;
            &lt;template v-slot:prepend&gt;
              &lt;q-icon name=&quot;search&quot; /&gt;
            &lt;/template&gt;
          &lt;/q-input&gt;
        &lt;/template&gt;
      &lt;/q-table&gt;
  </code></pre>
  <p>in css file:</p>
  <pre><code>.rounded {
      border-radius: 10px 10px 0px 0px;
  }
  </code></pre>
  <p>any clue to achieve the rounded header?</p>