antd vue table表格内容格式化
目前在学习使用ant-design-vue,遇到table内容需要格式化,如下面的性别和打印状态。操作如下columns中{title: "性别",dataIndex: "sex",align: "center",width: 80,scopedSlots: { customRender: "sex" }},{ti...
·
目前在学习使用ant-design-vue,遇到table内容需要格式化,如下面的性别和打印状态。
操作如下
columns中
{
title: "性别",
dataIndex: "sex",
align: "center",
width: 80,
scopedSlots: { customRender: "sex" }
},
{
title: "打印状态",
dataIndex: "status",
align: "center",
scopedSlots: { customRender: "status" }
}
template中
<a-table
bordered
:rowSelection="rowSelection"
:columns="columns"
:dataSource="data"
rowKey="id"
:customRow="Rowclick"
:pagination="pagination"
:scroll="{ y: 520 }"
size="small"
>
<span slot="sex" slot-scope="sex">
{{ sex == 1 ? "男" : sex == 0 ? "女" : "/" }}
</span>
<span slot="status" slot-scope="status">
{{ status == 1 ? "已打印" : "未打印" }}
</span>
</a-table>
转换后
更多推荐
已为社区贡献5条内容
所有评论(0)