Table组件优雅的给空内容添加 “--“ 值

该代码示例展示了如何在Vue中使用AntDesign库的a-table组件,通过绑定class属性添加自定义样式content-table。同时,通过(_record,index)函数实现表格行的奇偶交替效果,当索引为偶数时添加table-striped类。此外,当表格为空时,使用CSS伪元素添加提示文本。
摘要由CSDN通过智能技术生成
<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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值