如何在list view中添加更多默认空行或取消行高自动适配?
方案1:修改列表默认空行生成数量
你使用的是Odoo框架的话,可以通过以下两种方式调整默认空行数量:
- 单个列表视图生效:直接在对应列表的XML定义的
list标签中添加default_empty_rows属性,示例如下:
<list default_empty_rows="10"> <!-- 原有列表字段配置保持不变 --> </list>
- 全局所有列表生效:通过JS扩展覆盖默认配置,代码如下:
/** @odoo-module **/ import { ListRenderer } from "@web/views/list/list_renderer"; ListRenderer.defaultProps.defaultEmptyRows = 10;
修改后默认生成的空行数量就会改为你设置的数值,不会再出现行高被大幅拉伸的问题。
方案2:取消行高自动拉伸规则
如果不想修改空行生成逻辑,仅通过CSS调整即可避免行高随容器缩放,在你原有CSS基础上补充如下代码:
.o_list_view .o_list_table { height: 800px; display: block; overflow-y: auto; } .o_list_view .o_list_table thead, .o_list_view .o_list_table tbody { display: table; width: 100%; table-layout: fixed; } .o_list_view .o_list_table tbody tr { height: 42px; /* 可根据实际需求调整为你需要的固定行高 */ }
调整后行高会固定为你设置的数值,空行不足时表格底部会留空白,不会拉伸现有行高。
内容的提问来源于stack exchange,提问作者holydragon
相关产品推荐
相关产品推荐

