为什么表格内容超出屏幕不显示滚动,溢出部分直接隐藏?
UI:
<div style="height: 100%;"> <!-- 面包屑 -->
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>权限管理</el-breadcrumb-item>
<el-breadcrumb-item>角色列表</el-breadcrumb-item>
</el-breadcrumb>
<!-- 主体表格 -->
<el-table :data="rightsList" height="100%" border style="width: 100%" stripe>
<el-table-column type="index" label="ID" width="180">
</el-table-column>
<el-table-column prop="authName" label="权限说明">
</el-table-column>
<el-table-column prop="path" label="路径">
</el-table-column>
<el-table-column prop="level" label="权限层级">
<template slot-scope="scope">
<el-tag v-if="scope.row.level === '0'">标签一</el-tag>
<el-tag type="success" v-else-if="scope.row.level==='1'">标签二</el-tag>
<el-tag type="danger" v-else>标签三</el-tag>
</template>
</el-table-column>
</el-table>
</div>
回答:
逐级排查 overflow:hidden
吧,默认是不会隐藏的
https://codepen.io/linong/pen/YzRqovO
以上是 为什么表格内容超出屏幕不显示滚动,溢出部分直接隐藏? 的全部内容, 来源链接: utcz.com/p/934477.html