flex布局菜单栏收缩打开的时候table溢出

树和table是用的display:flex;树固定200px;table为flex1;
用的vue elementui

收缩菜单栏以后再打开右侧的table操作栏消失

操作栏消失

请问如何解决？?

前端 css html vue.js

阅读 2.2k

2 个回答

✓ 已被采纳

将table的宽度减少了一点在菜单栏展开的时候table溢出的部分会再缩回来

   
<el-table
        :data='list'
        style='width: calc(100% - 2px)'
   >

半橙汁

22333049

发布于
2022-02-10

看图猜问题系列，可以给table加个overflow-x属性，顺便调整下搜索模块的布局~

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
10 回答11.6k 阅读
前端代码更新如何通知用户刷新页面？
前端代码更新如何通知用户刷新页面？
2 回答3.1k 阅读✓ 已解决
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}
2 回答4.2k 阅读✓ 已解决
css布局怎么保证右边一直在可视范围内？
如下：灰色和红色的高度都不确定，怎么保证左边高度太高需要滚动时右边一直能在可视范围内？ {代码...}
5 回答2.2k 阅读
Element Plus表格组件如何呈现复杂布局如图？
Element Plus的table表格如何实现下图的表格效果，element的表格看起来是一列一列的，好像没办法实现这种效果，如果要实现这种图片效果需要如何做呢
4 回答4.6k 阅读✓ 已解决
为什么会出现CORS error？
先登录成功了。再次调用，就出现了CORS error在Login页调用这个接口就是正常的，换一个页面调用这个接口就出现了跨域问题。我把这段代码注释以后就正常了。
3 回答2.7k 阅读✓ 已解决
多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？
比如：project1,project2项目的所有页面都是一样的，project1/src/a.vue和project2/src/a.vue只有几行代码不一样，可以通过判断处理，a.vue的其他代码怎么复用？
4 回答2.1k 阅读✓ 已解决

相似问题

elementUI菜单栏li下划线如何去除
1 回答3.4k 阅读✓ 已解决
div内包括多行文本+图片溢出显示省略号进行收缩展开，要如何实现？（非纯文本的情况，v-html渲染）
2 回答3.6k 阅读✓ 已解决
flex 单行展示遇到处理文本溢出
3 回答3.1k 阅读✓ 已解决
el-menu菜单收缩出现bug
1 回答10.5k 阅读✓ 已解决
如何优雅的实现这种布局 relative 内 absolute , absolute 溢出外部 relative
2 回答1.9k 阅读✓ 已解决

找不到问题？创建新问题

flex布局 菜单栏收缩打开的时候table溢出

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

前端代码更新如何通知用户刷新页面？

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

css布局怎么保证右边一直在可视范围内？

Element Plus表格组件如何呈现复杂布局如图？

为什么会出现CORS error？

多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？

flex布局菜单栏收缩打开的时候table溢出