element表格固定某一行_vue+element table实现对表格的某一列作特殊处理

背景

在表格渲染数据的时候,都需对某列比如偏差结果作特殊处理:

后台返回的数据为:0 ,1 ,-1

表格显示列为 :正常,超正差,超负差

显示样式分别为 tag的:success primary danger

效果图

image.png

实现分析

1,准备表格渲染数据tableData

2,准备列字段,在需要特殊处理的列上添加特殊的字段

比如:磅单编号 添加字段status: "link",偏差结果 status: "flag",

注意:不要忘了添加正常的列,在 v-else中

this.tableColumn = [

{

prop: "billQuantitySum",

label: "运单数量",

width: 100

},

{

prop: "billTypeDisplay",

label: "收料类型"

},

{

prop: "specification",

label: "规格型号"

},

{

prop: "code",

label: "磅单编号",


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部