Skip to content

T
template_vue
Commit ea3cbbf2 authored by AiNoeLiYa's avatar AiNoeLiYa
Browse files
Options

优化表格滚动条 

Signed-off-by: 's avatarAiNoeLiYa <jzbcxy@gmail.com>
parent ac5e5e5a
Hide whitespace changes
Inline Side-by-side
Showing with 11 additions and 8 deletions
src/views/processManagement/basicProcessManagement/componets/processTable.vue
View file @ ea3cbbf2
<template> <template>
<div> <div>
<div style="height:600px;"> <div class="tableList" style="height:600px;">
<el-scrollbar style="height: 600px;"> <el-scrollbar style="height: 100%;">
<el-table <el-table
v-loading="loading" v-loading="loading"
class="processList" class="processList"
...@@ -106,18 +106,21 @@ export default { ...@@ -106,18 +106,21 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
//TODO: 这里是控制内容列表的样式 /* TODO: 这里是控制内容列表的样式 */
.processListBtns { .processListBtns {
.el-button { .el-button {
margin: 0 7px; margin: 0 7px;
} }
} }
.el-scrollbar__wrap{ /* TODO: 深层穿透，解决底部滚动条问题 */
overflow-x: hidden; .tableList{
} /deep/ .el-scrollbar__wrap{
.el-scrollbar__bar.is-horizontal { overflow-x: hidden;
display: none; }
/deep/ .is-horizontal {
display: none;
}
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment