element ui 表格修改

 修改表格内容 

<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;

}

猜你喜欢

转载自blog.csdn.net/weixin_70563937/article/details/130293662