如何在 Quasar 上添加边框半径 table

Question

我正在尝试用 header 创建一个 table 像这样

我尝试使用此代码，但没有成功

    <q-table binary-state-sort
      table-header-class="text-white bg-44b2b8 rounded"
      :data="this.$store.state.apiKeyList"
      :columns="columns"
      :filter="filter"
      row-key="name"
      flat
    >
      <template v-slot:top>
        <q-input debounce="300" color="primary" v-model="filter">
          <template v-slot:prepend>
            <q-icon name="search" />
          </template>
        </q-input>
      </template>
    </q-table>

在 css 文件中：

.rounded {
    border-radius: 10px 10px 0px 0px;
}

任何实现四舍五入的线索header？

Answer 1

为 rounded class 将 table-header-class 更改为仅 class 并且有效

codepen - https://codepen.io/Pratik__007/pen/QWNEwmp

如何在 Quasar 上添加边框半径 table

How to add border radius on Quasar table

vue.js

quasar-framework

quasar