[英]How to add border radius on Quasar table
I'm trying to create a table with header like this我正在尝试使用 header 像这样创建一个表
I try with this code, but no luck我尝试使用此代码,但没有运气
<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>
in css file:在 css 文件中:
.rounded {
border-radius: 10px 10px 0px 0px;
}
any clue to achieve the rounded header?有什么线索可以实现圆形 header?
Change table-header-class
to just class for rounded
class and it works将table-header-class
更改为仅 class 用于rounded
class 并且它可以工作
codepen - https://codepen.io/Pratik__007/pen/QWNEwmp代码笔 - https://codepen.io/Pratik__007/pen/QWNEwmp
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.