修改表格内容
<el-table-column prop="branch_id" label="部门">
<template #default="scope">
<span>{ { scope.row.branch_id == 3 ? "等于3" : "不等于3" }}</span>
</template>
</el-table-column>
设置表格动态高度
内容少或者多的时候更好看一点
设置高度自动实现超出滚动 固定高度不用加:
注意:使用变量设置动态高度加 :动态绑定
<el-table :height="manager_tabH" :data="managerData" border style="width: 100%">
// 定义
const manager_tabH = ref('200')
// 修改
managerData.value = res.data.manager
// 通过判断数组长度小就用低高度,多就用高高度
if (managerData.value.length >= 3) {
manager_tabH.value = '270'
} else {
manager_tabH.value = '200'
}
修改表格滚动条大小
在app.vue里面全局生效
左右滚动条高度
.el-scrollbar__bar.is-horizontal {
height: 15px !important;
}
上下滚动条宽度
.el-scrollbar__bar.is-vertical {
width: 15px !important;
}