table 根据窗口缩放,自适应

element-plus中,直接应用在页面样式上,

javascript 复制代码
::v-deep .el-table{
    width: 100%;
}
::v-deep .el-table__header-wrapper table,::v-deep .el-table__body-wrapper table{
    width: 100% !important;
}
::v-deep .el-table__body,::v-deep .el-table__footer,::v-deep .el-table__header{
    table-layout: auto !important;
}

效果图:

相关推荐
沿着路走到底15 分钟前
JS事件循环
java·前端·javascript
子春一233 分钟前
Flutter 2025 可访问性(Accessibility)工程体系:从合规达标到包容设计,打造人人可用的数字产品
前端·javascript·flutter
jlspcsdn2 小时前
20251222项目练习
前端·javascript·html
一 乐2 小时前
酒店预约|基于springboot + vue酒店预约系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端
前端无涯2 小时前
React/Vue 代理配置全攻略:Vite 与 Webpack 实战指南
vue.js·react.js
JIngJaneIL3 小时前
基于java+ vue交友系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·交友
苹果酱05674 小时前
解决linux mysql命令 bash: mysql: command not found 的方法
java·vue.js·spring boot·mysql·课程设计
拉不动的猪4 小时前
回顾计算属性的缓存与监听的触发返回结果
前端·javascript·vue.js
树欲静而风不止慢一点吧4 小时前
小米手环9应用/游戏开发快速入门
前端·javascript·小程序