1.表格列數據內容過多能夠用如下兩個屬性解決:app
ellipsis:"true',
tooltip:true
使每一個列的內容若是過多的話變爲省略號函數
2.table中的render函數(實現根據表格內容條件是否展現按鈕)this
columns:[
{
title:'審批狀態',
key:'status',
render:(h,params)=>{
const status = params.row.status;
var text = ''
switch(status){
case 100:
text = '待審覈',
break;
case 200:
text = '審覈未經過'
break;
case 300:
text = '審覈經過'
break;
}
return h('div',text)
}
},
{
title:'操做',
key:"oprator",
render:(h,params)=>{
let arr = []
if(params.row.status === '100'){
arr.push(
h(
"Button",
{
props:{
type:"warning",
size:"small",
icon:"md-create"
},
style:{
marginRight:"5px"
},
on:{
lick:()=>{
this.applyDetail(params.row.demandId);
}
}
},
"申請詳情"
)
)
}
return h('div',arr)
}
}
]