a-table 设置

 <a-table
      :columns="columns"
      :data-source="data"
      :scroll="{ x: 0, y: 300 }"  控制列表默认最大和最小高度
      :showHeader="false"    是否展示表头
      :pagination="false"
      :loading="iterations_loading"
    >
          //表头对应数据
          <span slot="name">总工时</span>
       //列表对应数据
      <span slot="name" slot-scope="record"> {{ record }} </span>
        
      <span slot="check" slot-scope="record">
        <a-checkbox checked="record"
          ><span v-if="false">{{ record }}</span></a-checkbox
        >
      </span>
    </a-table>
    
              
              
   data() {
    return {
      columns: [
        {
          title: "测试人员",
          dataIndex: "name",
          key: "name",
          scopedSlots: { customRender: "name" },
        },
        {
          title: "周报数据确认",
          dataIndex: "check",
          key: "check",
             //表头对应数据
          slots: { title: "check" },
          //列表对应数据
          scopedSlots: { customRender: "check" },
        },
      ],
      data: [
        { name: "zhangsan", check: "true" },
        { name: "zhangsan", check: "true" },
        { name: "zhangsan", check: "true" },
        { name: "zhangsan", check: "true" },
        { name: "zhangsan", check: "true" },
        { name: "zhangsan", check: "true" },
      ],
      iterations_loading: false,
    };
  },
              
              
              
              

 

posted @   凯宾斯基  阅读(126)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
历史上的今天:
2021-06-20 springboot 笔记
2021-06-20 IDE创建 springboot项目
2019-06-20 python 时间对比大小 和 间隔多少天
点击右上角即可分享
微信分享提示