Relocate Collapse all/Expand button

Amaan-Uddin · December 8, 2025, 7:23am

Hey I wanted to know if there is any way we could relocate the “collapse all”/“expand” button to the top of the report in trial balance or any tree structured reports.

Abdeali · December 8, 2025, 9:18am

You need to monkey patch this method.

github.com/frappe/frappe

frappe/public/js/frappe/views/reports/query_report.js

ac1a90a8d


      
          	}
          
          	show_status(status_message) {
          		this.$status.html(status_message).show();
          	}
          
          	hide_status() {
          		this.$status.hide();
          	}
          
          	show_footer_message() {
          		this.$report_footer && this.$report_footer.remove();
          		this.$report_footer = $(`<div class="report-footer text-muted"></div>`).appendTo(
          			this.page.main
          		);
          		if (this.tree_report) {
          			this.$tree_footer = $(`<div class="tree-footer col-md-6">
          				<button class="btn btn-xs btn-default" data-action="expand_all_rows">
          					${__("Expand All")}</button>
          				<button class="btn btn-xs btn-default" data-action="collapse_all_rows">
          					${__("Collapse All")}</button>

github.com/frappe/frappe

frappe/public/js/frappe/views/reports/query_report.js

ac1a90a8d


      
          	}
          
          	show_status(status_message) {
          		this.$status.html(status_message).show();
          	}
          
          	hide_status() {
          		this.$status.hide();
          	}
          
          	show_footer_message() {
          		this.$report_footer && this.$report_footer.remove();
          		this.$report_footer = $(`<div class="report-footer text-muted"></div>`).appendTo(
          			this.page.main
          		);
          		if (this.tree_report) {
          			this.$tree_footer = $(`<div class="tree-footer col-md-6">
          				<button class="btn btn-xs btn-default" data-action="expand_all_rows">
          					${__("Expand All")}</button>
          				<button class="btn btn-xs btn-default" data-action="collapse_all_rows">
          					${__("Collapse All")}</button>