diff --git a/addons/web/static/src/views/list/list_renderer.js b/addons/web/static/src/views/list/list_renderer.js
index 3f41350123d..bfaf66f7bb5 100644
--- a/addons/web/static/src/views/list/list_renderer.js
+++ b/addons/web/static/src/views/list/list_renderer.js
@@ -441,6 +441,10 @@ export class ListRenderer extends Component {
             }));
     }
 
+    get displayOptionalFields() {
+        return this.getOptionalFields.length;
+    }
+
     nbRecordsInGroup(group) {
         if (group.isFolded) {
             return 0;
diff --git a/addons/web/static/src/views/list/list_renderer.xml b/addons/web/static/src/views/list/list_renderer.xml
index 09b6439dbdc..df7f3d33f0c 100644
--- a/addons/web/static/src/views/list/list_renderer.xml
+++ b/addons/web/static/src/views/list/list_renderer.xml
@@ -68,7 +68,7 @@
                         <td t-if="props.activeActions and props.activeActions.onDelete"/>
                     </tr>
                 </tfoot>
-                <Dropdown t-if="getOptionalFields.length" class="'o_optional_columns_dropdown'" position="'bottom-end'">
+                <Dropdown t-if="displayOptionalFields" class="'o_optional_columns_dropdown'" position="'bottom-end'">
                     <t t-set-slot="toggler">
                         <i class="oi oi-settings-adjust o_optional_columns_dropdown_toggle"/>
                     </t>