您的位置:首页 > 游戏 > 游戏 > 网页版淘宝_人民法院公告网官网_电脑培训班零基础_查数据的网站有哪些

网页版淘宝_人民法院公告网官网_电脑培训班零基础_查数据的网站有哪些

2025/3/14 7:00:34 来源:https://blog.csdn.net/weixin_60170500/article/details/146204683  浏览:    关键词:网页版淘宝_人民法院公告网官网_电脑培训班零基础_查数据的网站有哪些
网页版淘宝_人民法院公告网官网_电脑培训班零基础_查数据的网站有哪些

举例:

<div class="grid-item"><h3>日数据</h3><el-table :data="dailyData" v-loading="loading"><el-table-column label="销售姓名" align="center" prop="salesName" /><el-table-column label="订单数量" align="center" prop="orderCount" /><el-table-column label="标准订单金额" align="center" prop="standardAmount" /><el-table-column label="预存订单金额" align="center" prop="prestoreAmount" /><el-table-column label="非标订单金额" align="left" prop="nonstandardAmount" width="110"><template v-slot="scope"><el-input class="compact-input"@change="nonstandardAmountKeyUp(scope.row, 'nonstandardAmount')"placeholder="请输入非标订单金额"v-model="scope.row.nonstandardAmount"></el-input></template></el-table-column><el-table-column label="总金额" align="center" prop="totalAmount" /></el-table></div>

表格中有非标订单金额字段输入框,导致把行高撑大

查看可知是输入框和表格有外边距padding。

这时候我们可以强行修改表格的外边距使用:::v-deep .el-table--medium .el-table__cell{padding:3px}或/v-deep/ .el-table--medium .el-table__cell{padding:3px}。   

el-table--medium .el-table__cell这个就相当于表格定义的class

::v-deep这个是深度修改

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com