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

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

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

操作栏消失

请问如何解决？?

前端 css html vue.js

阅读 2.3k

2 个回答

✓ 已被采纳

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

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

半橙汁

22333049

发布于
2022-02-10

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

查看全部 2 个回答

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答13.1k 阅读
如何防止接口的 key 泄露?
目前有一个小程序,功能上比较简单,但是需要调用其他平台提供的 AI 相关接口。为了节省服务器费用,想直接在前端请求接口,但是这样就会暴露接口的 key。有没有其他办法可以防止 key 泄露? 或者默许 key 可能的泄露,然后实时监控接口的使用量,这种方式是否可行?
8 回答3k 阅读
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
3 回答1.4k 阅读✓ 已解决
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}
2 回答5.3k 阅读✓ 已解决
在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
请问：在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
5 回答1.5k 阅读
如何在Vue中点击菜单弹出v-dialog对话框？
大致就是点击用户管理后不要进入主界面而是直接弹出dialog。。。咋个实现呢
9 回答1.8k 阅读✓ 已解决
如何用Vue实现Word文档自动分页与双页排版功能？
用vue实现word的自动分页功能双页排版即用户输入的内容超过了一张A4纸的高度则自动分页将内容自动分割成两页按照左右左右的方式排版问题的难点在于 word的内容是不固定的标题 table 图片等等都有可能而且要加入交互逻辑比如弹出时间选择器弹出输入框等等目前外观是出来了直接v-for渲染page页但是接下...
6 回答1.8k 阅读

相似问题

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

找不到问题？创建新问题

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

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

如何防止接口的 key 泄露?

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

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

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

如何在Vue中点击菜单弹出v-dialog对话框？

如何用Vue实现Word文档自动分页与双页排版功能？

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