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;
}

效果图:

相关推荐
爱学习的程序媛1 小时前
《深入浅出Node.js》核心知识点梳理
javascript·node.js
华仔啊2 小时前
Vue3 如何实现图片懒加载?其实一个 Intersection Observer 就搞定了
前端·vue.js
Robet2 小时前
TS和JS成员变量修饰符
javascript·typescript
方法重载2 小时前
前端性能优化之“代码分割与懒加载”)
javascript
我叫张小白。3 小时前
Vue3 响应式数据:让数据拥有“生命力“
前端·javascript·vue.js·vue3
laocooon5238578863 小时前
vue3 本文实现了一个Vue3折叠面板组件
开发语言·前端·javascript
科普瑞传感仪器3 小时前
从轴孔装配到屏幕贴合:六维力感知的机器人柔性对位应用详解
前端·javascript·数据库·人工智能·机器人·自动化·无人机
n***F8753 小时前
SpringMVC 请求参数接收
前端·javascript·算法
TechMasterPlus4 小时前
VScode如何调试javascript文件
javascript·ide·vscode
北辰alk4 小时前
Vue 中 nextTick 的魔法:为什么它能拿到更新后的 DOM?
vue.js