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,
};
},
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
2021-06-20 springboot 笔记
2021-06-20 IDE创建 springboot项目
2019-06-20 python 时间对比大小 和 间隔多少天