<template>
//给表格加一个class类名
<a-table
class="content-table"
:columns="columns"
:data-source="data"
(_rocord:any,index:any)=>(index%2===0?'table-striped':'')
>
</a-table>
</template>
<style>
.content-table :empty::before{
content:'--'
color:'#fff'
}
</style>
Table组件优雅的给空内容添加 “--“ 值
最新推荐文章于 2024-11-11 18:52:19 发布
该代码示例展示了如何在Vue中使用AntDesign库的a-table组件,通过绑定class属性添加自定义样式content-table。同时,通过(_record,index)函数实现表格行的奇偶交替效果,当索引为偶数时添加table-striped类。此外,当表格为空时,使用CSS伪元素添加提示文本。
摘要由CSDN通过智能技术生成