element中表格高度怎么自适应浏览器窗口高度显示?

发布于 2022-09-11 16:09:47 字数 256 浏览 5 评论 0

页面上部分为一些表单元素,做查询条件,下部分是表格,显示查出的数据。
怎么让表格的高度自适应浏览器窗口的高度?
比如在大屏上,能显示完数据,在小屏上,超出的滚动显示?
现在的效果是整个页面一起滚动,但怎么改成只在表格中滚动?
类似于Element官网中表格固定表头的显示效果。

不知道我有没说清楚。。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

守护在此方 2022-09-18 16:09:47

需要做动态计算表格的高度,只要设置的表格的高度就能达到固定表头

岁吢 2022-09-18 16:09:47

//store 里的缓存
const clientHeight = document.documentElement.clientHeight - 105;
//单页面的引用
clientHeight() {

return this.$store.state.clientHeight - 115;

}
//el-table的属性
:max-height="clientHeight"

clipboard.png

仙女 2022-09-18 16:09:47

1.给你来个传送门的demo:vue-template
2.就是左侧和右侧都有两个滚动条效果
3.大致思路是在布局时分为左侧和右侧超出显示滚动条,可以查看home里面的css布局样式

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文