87,916
社区成员
发帖
与我相关
我的任务
分享关于表格全屏和自适应问题
我想要做的效果是当我点击全屏按钮的时候，该包含表格的组件在右侧全屏，全屏效果如第二张图所示。
我写样式代码如下
.screenTable{
position: fixed;
top: 90px !important;
left: 242px !important;
right: 242px !important;
width: 82% !important;
height: 100% !important;
z-index: 5000;
font-size: 12px;
// overflow:scroll;
}
但是目前我还得考虑当侧边收缩按钮把侧边栏收缩的时候，全屏组件也要随着侧边栏收缩空出来的空间，自适应填充。如图三所示
我全屏是利用样式也就是position:fixed来定位的，属于脱离文档流。才盖住其他组件。但是无法自适应全屏
目前我想做的是能左侧栏收缩的时候，全屏也能自适应。
...全文
请发表友善的回复…
发表回复
qq_45627583 2020-01-11
- 打赏
- 举报
我是这样做的，就是监听收缩按钮的监听事件，，如果宽度为0，就让全屏宽度百分之百，但是也不行
天际的海浪 2020-01-11
- 打赏
- 举报
侧边栏收缩的时候给全屏组件再加个class，这个class的样式中重新定义left的值。
