如何在类星体表上添加边框半径

Question

我正在尝试创建具有这样标题的表

我尝试使用此代码，但是没有运气

    <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;
}

有什么线索可以实现标头四舍五入？

Answer 1

将table-header-class更改为rounded类的类，就可以了

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