Notes

dist/tryton-sao.css

@@ -11761,6 +11761,11 @@ html[theme="default"] .ag-grid-tree-grouping-panel input[type="checkbox"]:after
   padding-left: 6px;
 }
 
+.ag-grid-tree-host .ag-header-cell[col-id="__selection__"] .ag-header-cell-comp-wrapper {
+  justify-content: center;
+  padding-left: 0;
+}
+
 .ag-grid-tree-host .ag-selection-checkbox,
 .ag-grid-tree-host .ag-header-select-all {
   display: flex;

dist/tryton-sao.js

@@ -24613,7 +24613,10 @@ function eval_pyson(value){
                 onRowDoubleClicked: this._on_row_double_clicked.bind(this),
                 onSelectionChanged: this._on_selection_changed.bind(this),
                 onSortChanged: this._on_sort_changed.bind(this),
-                onFilterChanged: this._schedule_state_save.bind(this),
+                onFilterChanged: () => {
+                    this._schedule_state_save();
+                    this._sync_selection_header_checkbox();
+                },
                 onColumnMoved: this._on_grid_column_layout_changed.bind(this),
                 onColumnPinned: this._on_grid_column_layout_changed.bind(this),
                 onColumnResized: this._on_grid_column_resized.bind(this),
@@ -24715,6 +24718,7 @@ function eval_pyson(value){
                     sortable: false,
                     resizable: false,
                     filter: false,
+                    headerComponent: this._get_selection_header_component(),
                     cellRenderer: this._create_selection_cell_renderer.bind(this),
                 });
             }
@@ -24878,6 +24882,94 @@ function eval_pyson(value){
             }
             return checkbox;
         },
+        _get_selection_header_component: function() {
+            var tree = this;
+            var SelectionHeader = function() {};
+            SelectionHeader.prototype.init = function() {
+                this.gui = tree._create_selection_header_renderer();
+            };
+            SelectionHeader.prototype.getGui = function() {
+                return this.gui;
+            };
+            SelectionHeader.prototype.destroy = function() {
+                if (tree._selection_header_checkbox === this.gui) {
+                    tree._selection_header_checkbox = null;
+                }
+                this.gui = null;
+            };
+            return SelectionHeader;
+        },
+        _create_selection_header_renderer: function() {
+            if (this.selection_mode != Sao.common.SELECTION_MULTIPLE) {
+                return document.createTextNode('');
+            }
+            var checkbox = document.createElement('input');
+            checkbox.type = 'checkbox';
+            checkbox.className = 'ag-custom-checkbox ag-custom-header-checkbox';
+            checkbox.title = Sao.i18n.gettext('Select all');
+            checkbox.setAttribute('aria-label', Sao.i18n.gettext('Select all'));
+            checkbox.addEventListener('click', event => {
+                event.stopPropagation();
+            });
+            checkbox.addEventListener('change', event => {
+                event.stopPropagation();
+                this._set_visible_records_selection(checkbox.checked);
+            });
+            this._selection_header_checkbox = checkbox;
+            window.requestAnimationFrame(() => {
+                this._sync_selection_header_checkbox();
+            });
+            return checkbox;
+        },
+        _get_selectable_grid_nodes: function() {
+            var nodes = [];
+            if (!this.gridApi) {
+                return nodes;
+            }
+            var collect = node => {
+                if (node && node.data && node.data.__kind == 'record' &&
+                        node.data.__record) {
+                    nodes.push(node);
+                }
+            };
+            if (this.gridApi.forEachNodeAfterFilter) {
+                this.gridApi.forEachNodeAfterFilter(collect);
+            } else {
+                this.gridApi.forEachNode(collect);
+            }
+            return nodes;
+        },
+        _set_visible_records_selection: function(value) {
+            if (this.selection_mode != Sao.common.SELECTION_MULTIPLE ||
+                    !this.gridApi) {
+                return;
+            }
+            var nodes = this._get_selectable_grid_nodes();
+            this._syncing_grid = true;
+            try {
+                nodes.forEach(node => {
+                    node.setSelected(Boolean(value));
+                });
+            } finally {
+                this._syncing_grid = false;
+            }
+            this._on_selection_changed();
+            this._sync_selection_header_checkbox();
+        },
+        _sync_selection_header_checkbox: function() {
+            var checkbox = this._selection_header_checkbox;
+            if (!checkbox ||
+                    this.selection_mode != Sao.common.SELECTION_MULTIPLE) {
+                return;
+            }
+            var nodes = this._get_selectable_grid_nodes();
+            var selected_count = nodes.filter(node => node.isSelected()).length;
+            checkbox.disabled = !nodes.length;
+            checkbox.checked = Boolean(
+                nodes.length && selected_count == nodes.length);
+            checkbox.indeterminate = Boolean(
+                selected_count && selected_count < nodes.length);
+        },
         _get_column_filter: function(column) {
             if (column instanceof Sao.View.Tree.ButtonColumn) {
                 return false;
@@ -26251,6 +26343,7 @@ function eval_pyson(value){
                 selected_nodes[selected_nodes.length - 1].data.__record : null;
             this.screen.current_record = current;
             this._update_copy_state();
+            this._sync_selection_header_checkbox();
         },
         _on_sort_changed: function() {
             if (this._syncing_grid || !this.gridApi) {
@@ -26306,6 +26399,7 @@ function eval_pyson(value){
             });
             this._syncing_grid = false;
             this._update_copy_state();
+            this._sync_selection_header_checkbox();
         },
         _sync_sort_state: function() {
             var column_api = this.gridColumnApi || this.gridApi;