如何在 odoo 14 中取消缩小 one2many 树视图的列标题？

Posted 2023-02-16

【中文标题】如何在 odoo 14 中取消缩小 one2many 树视图的列标题？

【英文标题】：How can I unshrink column headers of one2many tree view in odoo 14?

【发布时间】：2021-09-18 00:32:25

【问题描述】：

Odoo 会根据数据类型和 one2many 树视图中有许多字段时缩小列标题。列被缩小了。

当我检查了 web 文件夹下的文件 list_editable_renderer.js 列宽有这些常量

 const fixedWidths = 
            boolean: '70px',
            date: '92px',
            datetime: '146px',
            float: '92px',
            integer: '74px',
            monetary: '104px',
        ;

我只是无法解决这个问题。

我尝试更改一些 JS 代码，但似乎都没有工作。 任何帮助或指导都会有很大帮助

【问题讨论】：

您可以添加自定义 CSS 来设置这些字段的最小宽度。您可以在树视图上设置一个类属性 (no_shrink)，然后在 CSS 中，使用该类来定位树并使用 data-name 属性来定位特定字段。例如，您可以使用以下选择器.no_shrink th[data-name="tax_id"]

在销售订单中定位tax_id 字段

@Kenly，首先感谢您抽出宝贵时间。我需要在 CSS 中设置自定义宽度吗？ .no_shrink th[data-name="tax_id"]width: 1000px; 像这样？

您需要设置min-width。例如.word_break th[data-name="tax_id"]min-width: 50px;.

min-width设置成功了吗

嗨，Kenly，这是我尝试过的方法。

【参考方案1】：

您可以添加自定义 CSS 来设置这些字段的最小宽度。您可以在树视图上设置类属性，然后在 CSS 中使用该类来定位树并使用 data-name 属性来定位特定字段。

默认情况下，min-width 设置为 74px，使用 !important 强制使用新值。

要显示Customer length 标签，请尝试130px 的长度。

示例：

.ef_saletree th[data-name="x_customer_order_length"]min-width: 130px !important;

【讨论】：

感谢您的努力。 .ef_saletree [data-name="x_customer_order_length"]width: 130px !important;。这成功了肯利。真的很感谢你的努力。谢谢你帮助我。

很高兴为您提供帮助