Comments (4)
calvinchan22
commented on September 25, 2024
1
想要实现表格高度自适应 改一下样式就好了吧 el-table本身也是支持设置height
主要我没整明白el-table怎么去自适应不同分辨率下的高度，比如说2k屏下可能查询条件就一行，但是1080下查询条件就会变成两行，写固定height的话这种情况要么超出去要么少一节。有没有大致思路方向我再去学习下看看。
我理解你现在的问题点在于 头部的搜索栏在低分辨率下会导致换行，高分辨率和低分辨率下高度不一致
1.用Y轴的三栏布局，表格外面还是要套一层div 设置flex：1，el-table height设置100%，可以实现表格高度自适应不会出现全屏滚动，但是解决不了搜索换行的问题
2.搜索换行可以自己封装一个展开，收起的容器去做
3.如果要兼容1080，就不建议表格高度自适应了，因为1080下 搜索筛选项过多，可能表格内部可视区域就2条数据，滚动就很鸡肋了
from gin-vue-admin.
calvinchan22
commented on September 25, 2024
想要实现表格高度自适应 改一下样式就好了吧 el-table本身也是支持设置height
from gin-vue-admin.
juneyx
commented on September 25, 2024
想要实现表格高度自适应 改一下样式就好了吧 el-table本身也是支持设置height
主要我没整明白el-table怎么去自适应不同分辨率下的高度，比如说2k屏下可能查询条件就一行，但是1080下查询条件就会变成两行，写固定height的话这种情况要么超出去要么少一节。有没有大致思路方向我再去学习下看看。
from gin-vue-admin.
juneyx
commented on September 25, 2024
我理解你现在的问题点在于 头部的搜索栏在低分辨率下会导致换行，高分辨率和低分辨率下高度不一致
1.用Y轴的三栏布局，表格外面还是要套一层div 设置flex：1，el-table height设置100%，可以实现表格高度自适应不会出现全屏滚动，但是解决不了搜索换行的问题
2.搜索换行可以自己封装一个展开，收起的容器去做 3.如果要兼容1080，就不建议表格高度自适应了，因为1080下 搜索筛选项过多，可能表格内部可视区域就2条数据，滚动就很鸡肋了
3.如果要兼容1080，就不建议表格高度自适应了，因为1080下 搜索筛选项过多，可能表格内部可视区域就2条数据，滚动就很鸡肋了
感谢指导，我去试试看
from gin-vue-admin.
Related Issues (20)
- 富文本报错 HOT 1
- Casbin 权限问题 [Bug]: HOT 2
- [Feature]: 水印功能不够完善 HOT 1
- [Bug]: 使用了未定义方法 HOT 1
- [Bug]: 超级管理员-用户管理-编辑当前用户头像成功后，没有更新右上角账号头像 HOT 1
- [Bug]: 【超级管理员-用户管理】用户头像错乱的bug HOT 2
- [Feature]: Api白名单 HOT 2
- [Feature]: 建议切换角色就直接跳转到该角色的首页
- 重大[Bug]: 不支持模版函数映射 HOT 1
- [Bug]:导入excel数据报空指针异常 HOT 2
- [Bug]: 并发访问接口的时候，出现 EOF 或者 timeout 错误
- [Bug]: GVA城市地区管理插件所需的geoDB没了 HOT 3
- [Bug]: Error #01: write tcp 127.0.0.1:8888->127.0.0.1:52938: i/o timeout HOT 2
- [Feature]: 小程序得到响应的时候需要data.data,加一个V2公共Response把所有放在同一层级 HOT 2
- [Bug]: 创建带有2个params类型的参数菜单，通过route获取值错误 HOT 2
- [Bug]: 为顶部菜单模式后，菜单项过多会导致排版异常，并且在顶部菜单模式时似乎在点击创建的只有一级菜单的时候，总会进入仪表盘，侧边模式跳转正常
- [Bug]: 菜单过多时切换顶部模式会导致排版溢出 HOT 1
- [Bug]: 多个详情页切换时，只会展示最后一个页面的内容 HOT 5
- [Bug]: 前端编译css报错 HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gin-vue-admin.