当前位置: 首页 > article >正文

vue3+ant design vue实现表格数据‘是‘‘否‘展示

1、效果图

2、

<a-table
   class="table_color"
   :dataSource="tableData"
   :columns="columns"
   :pagination="false"
   :loading="loading"
>
   <template #bodyCell="{ column, record }">
      <template v-if="column.key === 'investigate'">
         {{ record[column.key] ? '是' : '否' }}
      </template>
      <template v-if="column.key === 'agency'">
         {{ record[column.key] ? '是' : '否' }}
      </template>
      <template v-if="column.key === 'inLine'">
         {{ record[column.key] ? '是' : '否' }}
      </template>
      <template v-if="column.key === 'offLine'">
         {{ record[column.key] ? '是' : '否' }}
      </template>
   </template>
</a-table>


const columns = ref([
    {
      title: '是否考察',
      dataIndex: 'investigate',
      key: 'investigate',
      align: 'center',
    },
    {
      title: '是否代理',
      dataIndex: 'agency',
      key: 'agency',
      align: 'center',
    },
    {
      title: '是否线内兼职',
      dataIndex: 'inLine',
      key: 'inLine',
      align: 'center',
    },
    {
      title: '是否跨线兼职',
      dataIndex: 'offLine',
      key: 'offLine',
      align: 'center',
    },
]}

 


http://www.kler.cn/a/371239.html

相关文章:

  • Tomcat 11 下载/安装 与基本使用
  • Kafka-代码示例
  • Java知识巩固(十二)
  • 509.斐波那契数 70.爬楼梯
  • 微信小程序 - 动画(Animation)执行过程 / 实现过程 / 实现方式
  • 【高级IO】epoll的惊群效应
  • 算法练习:LCR 179. 查找总价格为目标值的两个商品
  • mysql上课总结(1)(mysql中的常见的存储引擎)(面试)
  • Python Transformer 模型的基本原理:BERT 和 GPT 以及它们在情感分析中的应用
  • 【测试平台】打包 子节点ios环境配置
  • 一道巧妙的卡特兰数建模
  • 【Postfix】Docker Postfix中继服务的实践与优化
  • SpringBoot技术在商场应急管理中的创新应用
  • Python | Leetcode Python题解之第519题随机翻转矩阵
  • 四、Prompt工程——简单应用
  • vscode和pycharm在当前工作目录的不同|python获取当前文件目录和当前工作目录
  • js 获取当前时间与前一个月时间
  • 015:地理信息系统开发平台ArcGIS Engine10.2与ArcGIS SDK for the Microsoft .NET Framework安装教程
  • 【JavaEE初阶】网络原理—关于TCP协议值滑动窗口与流量控制,进来看看吧!!!
  • 2024年1024程序人生总结
  • Linux基础—基础命令及相关知识5(ubuntu网络配置)
  • 【C语言】预处理(预编译)详解(下)(C语言最终篇)
  • Mac 电脑 使用sudo创建项目后,给了读写权限,仍报权限问题
  • 《基于 Excel 和 CSV 文件数据的迁移学习应用》
  • OmicsTools软件和R语言分析环境安装配置答疑汇总最新版
  • 算法练习:209. 长度最小的子数组