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

效果图:

相关推荐
三翼鸟数字化技术团队26 分钟前
Vue自定义指令最佳实践教程
前端·vue.js
猿榜1 小时前
js逆向-喜某拉雅Xm-Sign参数解密
javascript
转转技术团队1 小时前
代码变更暗藏危机?代码影响范围分析为你保驾护航
前端·javascript·node.js
Spark2381 小时前
关于vue3整合tiptap的slash菜单的ts支持
vue.js
Mintopia1 小时前
Node.js高级实战:自定义流与Pipeline的高效数据处理 ——从字母生成器到文件管道的深度解析
前端·javascript·node.js
Mintopia1 小时前
Three.js深度解析:InstancedBufferGeometry实现动态星空特效 ——高效渲染十万粒子的底层奥秘
前端·javascript·three.js
随笔记1 小时前
Flex布局下,label标签设置宽度依旧对不齐,完美解决(flex-shrink属性)
javascript·css·vue.js
樊小肆1 小时前
实战!从 0 到 1 搭建 H5 AI 对话页面
前端·vue.js
JiangJiang1 小时前
揭秘Vue3源码之computed:懒计算与缓存机制全解析
前端·vue.js·面试
前端Hardy1 小时前
HTML&CSS:超丝滑的动态导航菜单
javascript·css·html