这里我的prop根据select框进行动态改变 ,row-class-name="tableRowClassName"这个一定要写上
<el-table
:data="List"
stripe
fit
style="width: 100%;"
:row-class-name="tableRowClassName"
>
<el-table-column
label="标题"
:prop="langType==='Hans'?'titleHans':(langType==='Hant'?'titleHans':(langType==='en'?'titleEn':(langType==='jp'?'titleJa':'titleKo')))"
align="center"
/>
</el-table>
这个地方是对表格横排是否隐藏进行处理
private tableRowClassName(row:any) {
console.log(row.row)
if (this.langType === 'Hans') {
if (row.row.switcherHans !== 1) {
return 'warning-row'
} else {
return ''
}
}
}
css样式处理 再写一个style 不加scoped
<style lang="scss">
.el-table .warning-row {
display: none;
}
</style>