基于elementuitable组件竖向表格
<template>
<el-table
:data="tableData"
:show-header="false"
border
:row->
<el-table-column prop="date">
</el-table-column>
<el-table-column prop="name">
</el-table-column>
</el-table>
</template>
<script>
export default{
data(){
return{
dataForm:{
a:'xxx',
b:'xxx'
}
element表格横向滚动条}
},
computed:{
//因为数据⽤到了dataform中的数据，所以写在了computed中
tableData(){
return[{
date:"数据主题",
name:this.dataForm.a
},
{
date:"数据来源",
name:this.dataForm.b
}
]
},
},
methods:{
// ⾃定义列背景⾊
rowStyle({
row,
rowIndex,
}){
if(rowIndex ==0){
return"background:#f3f6fc;";
}else{
return"background:#ffffff;";
}
}
},
}
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。