记录更改element ui table body 样式

最新推荐文章于 2024-07-03 21:10:53 发布

zhangdaoli888

最新推荐文章于 2024-07-03 21:10:53 发布

阅读量725

点赞数

分类专栏： vue elementui

本文链接：https://blog.youkuaiyun.com/zhangdaoli888/article/details/122140489

版权

el-table scoped styles 宽度调整 CSS override 自定义样式

关键词由优快云通过智能技术生成

vue 同时被 2 个专栏收录

1 篇文章

订阅专栏

elementui

1 篇文章

订阅专栏

本文介绍了如何在已封闭的el-table__body中修改宽度，通过添加 scoped 样式并设置宽度属性，确保页面自适应，避免固定宽度困扰。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于原来的el-table__body是封了的，在打包Product时会被写死，在某些地方设置的宽度不生效

会一直出现固定的值：


在要变更的页面添加如下内容即可，重要scoped一定要加
<style scoped>
/deep/ .el-table__body{
  width: 560px !important;
  margin: 0 auto;
}
</style>