diff --git a/corehq/apps/geospatial/views.py b/corehq/apps/geospatial/views.py
index e77df0f138b4..e2a84dcdbd66 100644
--- a/corehq/apps/geospatial/views.py
+++ b/corehq/apps/geospatial/views.py
@@ -365,7 +365,7 @@ def __init__(self, request, domain, **kwargs):
         # override super class corehq.apps.reports.generic.GenericReportView init method to
         # avoid failures for missing expected properties for a report and keep only necessary properties
         self.request = request
-        self.request_params = json_request(self.request.GET)
+        self._request_params = json_request(self.request.GET)
         self.domain = domain
 
     def _base_query(self):
diff --git a/corehq/apps/hqwebapp/management/commands/complete_bootstrap5_migration.py b/corehq/apps/hqwebapp/management/commands/complete_bootstrap5_migration.py
index 687ab6f1d0ac..be671aba8760 100644
--- a/corehq/apps/hqwebapp/management/commands/complete_bootstrap5_migration.py
+++ b/corehq/apps/hqwebapp/management/commands/complete_bootstrap5_migration.py
@@ -10,6 +10,7 @@
     get_all_javascript_paths_for_app,
     get_split_paths,
     get_short_path,
+    get_bootstrap5_path,
 )
 from corehq.apps.hqwebapp.utils.management_commands import (
     get_confirmation,
@@ -142,7 +143,7 @@ def sanitize_bootstrap3_from_filename(self, filename):
                 f"You specified '{filename}', which appears to be a Bootstrap 3 path!\n"
                 f"This file cannot be marked as complete with this tool.\n\n"
             ))
-            filename = filename.replace('/bootstrap3/', '/bootstrap5/')
+            filename = get_bootstrap5_path(filename)
             confirm = get_confirmation(f"Did you mean '{filename}'?")
             if not confirm:
                 self.stdout.write("Ok, aborting operation.\n\n")
diff --git a/corehq/apps/hqwebapp/management/commands/complete_bootstrap5_report.py b/corehq/apps/hqwebapp/management/commands/complete_bootstrap5_report.py
new file mode 100644
index 000000000000..e711db4da5e2
--- /dev/null
+++ b/corehq/apps/hqwebapp/management/commands/complete_bootstrap5_report.py
@@ -0,0 +1,168 @@
+from django.core.management import BaseCommand
+
+from corehq.apps.hqwebapp.utils.bootstrap.paths import get_bootstrap5_path
+from corehq.apps.hqwebapp.utils.bootstrap.git import apply_commit, get_commit_string
+from corehq.apps.hqwebapp.utils.bootstrap.reports.progress import (
+    get_migrated_reports,
+    get_migrated_filters,
+    mark_filter_as_complete,
+    mark_report_as_complete,
+    get_migrated_filter_templates,
+    mark_filter_template_as_complete,
+)
+from corehq.apps.hqwebapp.utils.bootstrap.reports.stats import (
+    get_report_class,
+    get_bootstrap5_reports,
+)
+from corehq.apps.hqwebapp.utils.management_commands import get_confirmation
+
+
+class Command(BaseCommand):
+    help = "This command helps mark reports and associated filters (and their templates) as migrated."
+
+    def add_arguments(self, parser):
+        parser.add_argument('report_class_name')
+
+    def handle(self, report_class_name, **options):
+        self.stdout.write("\n\n")
+        report_class = get_report_class(report_class_name)
+        if report_class is None:
+            self.stdout.write(self.style.ERROR(
+                f"Could not find report {report_class_name}. Are you sure it exists?"
+            ))
+            return
+
+        migrated_reports = get_migrated_reports()
+        if not self.is_safe_to_migrate_report(report_class_name, migrated_reports):
+            self.stdout.write(self.style.ERROR(
+                f"\nAborting migration of {report_class_name}...\n\n"
+            ))
+            return
+
+        if report_class_name in migrated_reports:
+            self.stdout.write(self.style.WARNING(
+                f"The report {report_class_name} has already been marked as migrated."
+            ))
+            confirm = get_confirmation("Re-run report migration checks?", default='y')
+        else:
+            confirm = get_confirmation(f"Proceed with marking {report_class_name} as migrated?", default='y')
+
+        if not confirm:
+            return
+
+        if report_class.debug_bootstrap5:
+            self.stdout.write(self.style.ERROR(
+                f"Could not complete migration of {report_class.__name__} because "
+                f"`debug_bootstrap5` is still set to `True`.\n"
+                f"Please remove this property to continue."
+            ))
+            return
+
+        self.migrate_report_and_filters(report_class)
+        self.stdout.write("\n\n")
+
+    def is_safe_to_migrate_report(self, report_class_name, migrated_reports):
+        """
+        Sometimes a report will be migrated that's then inherited by downstream reports.
+        This check ensures that this is not overlooked when marking a report as migrated,
+        and it's why we keep the list of intentionally migrated reports separated from
+        a dynamically generated one from `get_bootstrap5_reports()`.
+
+        Either those reports must be migrated first OR they should have `use_bootstrap5 = False`,
+        to override the setting of the inherited report.
+        """
+        bootstrap5_reports = set(get_bootstrap5_reports())
+        intentionally_migrated_reports = set([report_class_name] + migrated_reports)
+        overlooked_reports = bootstrap5_reports.difference(intentionally_migrated_reports)
+        if not overlooked_reports:
+            return True
+        self.stdout.write(self.style.ERROR(
+            f"It is not safe to migrate {report_class_name}!"
+        ))
+        self.stdout.write("There are other reports that inherit from this report.")
+        self.stdout.write("You can either migrate these reports first OR "
+                          "set use_bootstrap = False on them to continue migrating this report.\n\n")
+        self.stdout.write("\t" + "\n\t".join(overlooked_reports))
+        return False
+
+    def migrate_report_and_filters(self, report_class):
+        from corehq.apps.reports.generic import get_filter_class
+        self.stdout.write(self.style.MIGRATE_HEADING(f"\nMigrating {report_class.__name__}..."))
+        migrated_filters = get_migrated_filters()
+        migrated_filter_templates = get_migrated_filter_templates()
+        for field in report_class.fields:
+            if field not in migrated_filters:
+                filter_class = get_filter_class(field)
+                if not self.is_filter_migrated_prompts(field, filter_class, migrated_filter_templates):
+                    return
+
+        confirm_columns = get_confirmation(
+            f"Did you pass the value for use_bootstrap5 from the {report_class.__name__} to all "
+            f"`DataTablesColumn` instances related to that report?"
+        )
+        if not confirm_columns:
+            self.stdout.write(self.style.ERROR(
+                f"Cannot mark {report_class.__name__} as complete until `DataTablesColumn` "
+                f"instances are updated."
+            ))
+            return
+
+        confirm_sorting = get_confirmation(
+            f"Did you check to see if {report_class.__name__} sorting works as expected?"
+        )
+        if not confirm_sorting:
+            self.stdout.write(self.style.ERROR(
+                f"Cannot mark {report_class.__name__} as complete until sorting is verified."
+            ))
+            return
+
+        self.stdout.write(
+            self.style.SUCCESS(f"All done! {report_class.__name__} has been migrated to Bootstrap5!")
+        )
+        mark_report_as_complete(report_class.__name__)
+        self.suggest_commit_message(f"Completed report: {report_class.__name__}.")
+
+    def is_filter_migrated_prompts(self, field, filter_class, migrated_filter_templates):
+        if filter_class is None:
+            self.stdout.write(self.style.ERROR(
+                f"The filter {field} could not be found. Check report for errors.\n\n"
+                f"Did this field not show up? Check feature flags for report.\n"
+            ))
+            return False
+        self.stdout.write(self.style.MIGRATE_LABEL(f"\nChecking report filter: {filter_class.__name__}"))
+        confirm = get_confirmation(
+            "Did you test the filter to make sure it loads on the page without error and modifies "
+            "the report as expected?", default='y'
+        )
+        if not confirm:
+            self.stdout.write(self.style.ERROR(
+                f"The filter {field} is not fully migrated yet."
+            ))
+            return False
+        mark_filter_as_complete(field)
+
+        template = get_bootstrap5_path(filter_class.template)
+        if template not in migrated_filter_templates:
+            confirm = get_confirmation(
+                f"Did you migrate its template ({template})?", default='y'
+            )
+            if not confirm:
+                self.stdout.write(self.style.ERROR(
+                    f"The filter {field} template {template} is not fully migrated yet."
+                ))
+                return False
+        migrated_filter_templates.append(template)
+        mark_filter_template_as_complete(template)
+        return True
+
+    def suggest_commit_message(self, message, show_apply_commit=False):
+        self.stdout.write("\nNow would be a good time to review changes with git and commit.")
+        if show_apply_commit:
+            confirm = get_confirmation("\nAutomatically commit these changes?", default='y')
+            if confirm:
+                apply_commit(message)
+                return
+        commit_string = get_commit_string(message)
+        self.stdout.write("\n\nSuggested command:\n")
+        self.stdout.write(self.style.MIGRATE_HEADING(commit_string))
+        self.stdout.write("\n")
diff --git a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/javascript/reports/js/datatables_config.js.diff.txt b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/javascript/reports/js/datatables_config.js.diff.txt
index 4c3deaa70407..183af099775d 100644
--- a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/javascript/reports/js/datatables_config.js.diff.txt
+++ b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/javascript/reports/js/datatables_config.js.diff.txt
@@ -1,6 +1,6 @@
 --- 
 +++ 
-@@ -1,340 +1,339 @@
+@@ -1,340 +1,308 @@
 -hqDefine("reports/js/bootstrap3/datatables_config", [
 -    'jquery',
 -    'underscore',
@@ -33,35 +33,29 @@
 -            var loadingTemplate = _.template($(self.loadingTemplateSelector).html() || self.loadingText);
 -            self.loadingText = loadingTemplate({});
 +import $ from 'jquery';
++
++import 'datatables.net/js/jquery.dataTables';
++import 'datatables.net-fixedcolumns/js/dataTables.fixedColumns';
++import 'datatables.net-fixedcolumns-bs5/js/fixedColumns.bootstrap5';
++
 +import _ from 'underscore';
 +import googleAnalytics from 'analytix/js/google';
 +import {Tooltip} from 'bootstrap5';
 +
-+import 'datatables.bootstrap';
-+import 'datatables.fixedColumns';
-+
 +
 +var HQReportDataTables = function (options) {
 +    var self = {};
-+    self.dataTableElem = options.dataTableElem || '.datatable';
-+    self.paginationType = options.paginationType || 'bs_normal';
++    self.dataTableElem = options.dataTableElem || '.table-hq-report';
 +    self.forcePageSize = options.forcePageSize || false;
 +    self.defaultRows = options.defaultRows || 10;
-+    self.startAtRowNum = options.startAtRowNum || 0;
 +    self.showAllRowsOption = options.showAllRowsOption || false;
-+    self.aoColumns = options.aoColumns;
++    self.columns = options.aoColumns;  // todo eventually rename aoColumns outside of file
 +    self.autoWidth = (options.autoWidth !== undefined) ? options.autoWidth : true;
 +    self.defaultSort = (options.defaultSort !== undefined) ? options.defaultSort : true;
 +    self.customSort = options.customSort || null;
 +    self.ajaxParams = options.ajaxParams || {};
 +    self.ajaxSource = options.ajaxSource;
-+    self.ajaxMethod = options.ajaxMethod || 'GET';
-+    self.loadingText = options.loadingText || "<i class='fa fa-spin fa-spinner'></i> " + gettext("Loading");
-+    self.loadingTemplateSelector = options.loadingTemplateSelector;
-+    if (self.loadingTemplateSelector !== undefined) {
-+        var loadingTemplate = _.template($(self.loadingTemplateSelector).html() || self.loadingText);
-+        self.loadingText = loadingTemplate({});
-+    }
++    self.loadingText = options.loadingText || gettext("Loading");
 +    self.emptyText = options.emptyText || gettext("No data available to display. " +
 +                                                  "Please try changing your filters.");
 +    self.errorText = options.errorText || "<span class='badge text-bg-danger'>" + gettext("Sorry!") + "</span> " +
@@ -73,7 +67,7 @@
 +    self.fixColsNumLeft = options.fixColsNumLeft || 1;
 +    self.fixColsWidth = options.fixColsWidth || 100;
 +    self.show_pagination = (options.show_pagination === undefined) ? true : options.bPaginate;
-+    self.aaSorting = options.aaSorting || null;
++    self.order = options.aaSorting || null; // todo eventually rename aaSorting outside of file
 +    // a list of functions to call back to after ajax.
 +    // see user configurable charts for an example usage
 +    self.successCallbacks = options.successCallbacks;
@@ -393,129 +387,125 @@
 -            return 1;
 +        applyBootstrapMagic();
 +
-+        var dataTablesDom = "frt<'row dataTables_control'<'col-sm-5'il><'col-sm-7 text-right'p>>";
++        var dataTablesDom = "frt<'d-flex mb-1'<'p-2 ps-3'i><'p-2 ps-0'l><'ms-auto p-2 pe-3'p>>";
 +        $(self.dataTableElem).each(function () {
-+            var params = {
-+                sDom: dataTablesDom,
-+                bPaginate: self.show_pagination,
-+                sPaginationType: self.paginationType,
-+                iDisplayLength: self.defaultRows,
-+                bAutoWidth: self.autoWidth,
-+                sScrollX: "100%",
-+                bSort: self.defaultSort,
-+                bFilter: self.includeFilter,
++            const params = {
++                dom: dataTablesDom,
++                filter: false,
++                paging: self.show_pagination,
++                pageLength: self.defaultRows,
++                autoWidth: self.autoWidth,
++                scrollX: "100%",
++                ordering: self.defaultSort,
++                searching: self.includeFilter,
 +            };
-+            if (self.aaSorting !== null || self.customSort !== null) {
-+                params.aaSorting = self.aaSorting || self.customSort;
++            if (self.order !== null || self.customSort !== null) {
++                params.order = self.order || self.customSort;
 +            }
 +
 +            if (self.ajaxSource) {
-+                params.bServerSide = true;
-+                params.bProcessing = true;
-+                params.sAjaxSource = {
++                params.serverSide = true;
++                params.processing = true;
++                params.ajax = {
 +                    url: self.ajaxSource,
-+                    method: self.ajaxMethod,
++                    method: 'POST',
++                    data: function (data) {
++                        // modify the query sent to server to include HQ Filters
++                        self.addHqFiltersToServerSideQuery(data);
++                    },
++                    error: function (jqXHR, statusText, errorThrown) {
++                        $(".dataTables_processing").hide();
++                        if (jqXHR.status === 400) {
++                            let errorMessage = self.badRequestErrorText;
++                            if (jqXHR.responseText) {
++                                errorMessage = "<p><span class='badge text-bg-danger'>" + gettext("Sorry!") + "</span> " + jqXHR.responseText + "</p>";
++                            }
++                            $(".dataTables_empty").html(errorMessage);
++                        } else {
++                            $(".dataTables_empty").html(self.errorText);
++                        }
++                        $(".dataTables_empty").show();
++                        if (self.errorCallbacks) {
++                            for (let i = 0; i < self.errorCallbacks.length; i++) {
++                                self.errorCallbacks[i](jqXHR, statusText, errorThrown);
++                            }
++                        }
++                    },
 +                };
-+                params.bFilter = $(this).data('filter') || false;
-+                self.fmtParams = function (defParams) {
-+                    var ajaxParams = $.isFunction(self.ajaxParams) ? self.ajaxParams() : self.ajaxParams;
-+                    for (var p in ajaxParams) {
++                params.searching = $(this).data('filter') || false;
++                self.addHqFiltersToServerSideQuery = function (data) {
++                    let ajaxParams = $.isFunction(self.ajaxParams) ? self.ajaxParams() : self.ajaxParams;
++                    data.hq = {};
++                    for (let p in ajaxParams) {
 +                        if (_.has(ajaxParams, p)) {
-+                            var currentParam = ajaxParams[p];
-+                            if (_.isObject(currentParam.value)) {
-+                                for (var j = 0; j < currentParam.value.length; j++) {
-+                                    defParams.push({
-+                                        name: currentParam.name,
-+                                        value: currentParam.value[j],
-+                                    });
-+                                }
-+                            } else {
-+                                defParams.push(currentParam);
-+                            }
++                            let param = ajaxParams[p];
++                            data.hq[param.name] = _.isArray(param.value) ? _.uniq(param.value) : param.value;
 +                        }
 +                    }
-+                    return defParams;
++                    return data;
 +                };
-+                params.fnServerData = function (sSource, aoData, fnCallback, oSettings) {
-+                    var customCallback = function (data) {
-+                        if (data.warning) {
-+                            throw new Error(data.warning);
-+                        }
-+                        var result = fnCallback(data); // this must be called first because datatables clears the tfoot of the table
-+                        var i;
-+                        if ('total_row' in data) {
-+                            self.render_footer_row('ajax_total_row', data['total_row']);
-+                        }
-+                        if ('statistics_rows' in data) {
-+                            for (i = 0; i < data.statistics_rows.length; i++) {
-+                                self.render_footer_row('ajax_stat_row-' + i, data.statistics_rows[i]);
-+                            }
++
++                params.footerCallback = function (row, data, start, end, display) {
++                    if ('total_row' in data) {
++                        self.render_footer_row('ajax_total_row', data['total_row']);
++                    }
++                    if ('statistics_rows' in data) {
++                        for (let i = 0; i < data.statistics_rows.length; i++) {
++                            self.render_footer_row('ajax_stat_row-' + i, data.statistics_rows[i]);
 +                        }
-+                        applyBootstrapMagic();
-+                        if (self.successCallbacks) {
-+                            for (i = 0; i < self.successCallbacks.length; i++) {
-+                                self.successCallbacks[i](data);
-+                            }
++                    }
++                };
++
++                params.drawCallback = function () {
++                    let api = this.api(),
++                        data = api.ajax.json();
++
++                    if (data.warning) {
++                        throw new Error(data.warning);
++                    }
++                    applyBootstrapMagic();
++                    if ('context' in data) {
++                        let iconPath = data['icon_path'] || $(".base-maps-data").data("icon_path");
++                        hqRequire(["reports/js/bootstrap5/maps_utils"], function (mapsUtils) {
++                            mapsUtils.load(data['context'], iconPath);
++                        });
++                    }
++                    if (self.successCallbacks) {
++                        for (let i = 0; i < self.successCallbacks.length; i++) {
++                            self.successCallbacks[i](data);
 +                        }
-+                        return result;
-+                    };
-+                    oSettings.jqXHR = $.ajax({
-+                        "url": sSource.url,
-+                        "method": sSource.method,
-+                        "data": self.fmtParams(aoData),
-+                        "success": customCallback,
-+                        "error": function (jqXHR, textStatus, errorThrown) {
-+                            $(".dataTables_processing").hide();
-+                            if (jqXHR.status === 400) {
-+                                var errorMessage = self.badRequestErrorText;
-+                                if (jqXHR.responseText) {
-+                                    errorMessage = "<p><span class='label label-danger'>" + gettext("Sorry!") + "</span> " + jqXHR.responseText + "</p>";
-+                                }
-+                                $(".dataTables_empty").html(errorMessage);
-+                            } else {
-+                                $(".dataTables_empty").html(self.errorText);
-+                            }
-+                            $(".dataTables_empty").show();
-+                            if (self.errorCallbacks) {
-+                                for (var i = 0; i < self.errorCallbacks.length; i++) {
-+                                    self.errorCallbacks[i](jqXHR, textStatus, errorThrown);
-+                                }
-+                            }
-+                        },
-+                    });
++                    }
 +                };
 +            }
-+            params.oLanguage = {
-+                sProcessing: self.loadingText,
-+                sLoadingRecords: self.loadingText,
-+                sZeroRecords: self.emptyText,
-+            };
-+
-+            params.fnDrawCallback = function (a,b,c) {
-+                /* be able to set fnDrawCallback from outside here later */
-+                if (self.fnDrawCallback) {
-+                    self.fnDrawCallback(a,b,c);
-+                }
++            params.language = {
++                lengthMenu: gettext("_MENU_ per page"),
++                processing: self.loadingText,
++                loadingRecords: self.loadingText,
++                zeroRecords: self.emptyText,
 +            };
 +
-+            if (self.aoColumns) {
-+                params.aoColumns = self.aoColumns;
++            if (self.columns) {
++                params.columns = self.columns;
 +            }
 +
 +            if (self.forcePageSize) {
 +                // limit the page size option to just the default size
 +                params.lengthMenu = [self.defaultRows];
 +            }
-+            var datatable = $(this).dataTable(params);
-+            if (!self.datatable) {
-+                self.datatable = datatable;
-+            }
 +
 +            if (self.fixColumns) {
 +                new $.fn.dataTable.FixedColumns(datatable, {
 +                    iLeftColumns: self.fixColsNumLeft,
 +                    iLeftWidth: self.fixColsWidth,
 +                });
++                params.fixedColumns = {
++                    left: self.fixColsNumLeft,
++                    width: self.fixColsWidth,
++                };
++            }
++            let datatable = $(this).dataTable(params);
++            if (!self.datatable) {
++                self.datatable = datatable;
 +            }
 +
 +            // This fixes a display bug in some browsers where the pagination
@@ -552,19 +542,12 @@
 +                $inputLabel.html($('<i />').addClass("icon-search"));
 +            }
 +
-+            var $dataTablesLength = $(self.dataTableElem).parents('.dataTables_wrapper').find(".dataTables_length"),
-+                $dataTablesInfo = $(self.dataTableElem).parents('.dataTables_wrapper').find(".dataTables_info");
-+            if ($dataTablesLength && $dataTablesInfo) {
-+                var $selectField = $dataTablesLength.find("select"),
-+                    $selectLabel = $dataTablesLength.find("label");
-+
-+                $dataTablesLength.append($selectField);
-+                $selectLabel.remove();
-+                $selectField.children().append(" per page");
++            let $dataTablesLength = $(self.dataTableElem).parents('.dataTables_wrapper').find(".dataTables_length");
++            if ($dataTablesLength) {
++                let $selectField = $dataTablesLength.find("select");
 +                if (self.showAllRowsOption) {
 +                    $selectField.append($('<option value="-1" />').text(gettext("All Rows")));
 +                }
-+                $selectField.addClass('form-control');
 +                $selectField.on("change", function () {
 +                    var selectedValue = $selectField.find('option:selected').val();
 +                    googleAnalytics.track.event("Reports", "Changed number of items shown", selectedValue);
@@ -579,12 +562,6 @@
 +    return self;
 +};
 +
-+$.extend($.fn.dataTableExt.oStdClasses, {
-+    "sSortAsc": "header headerSortAsc",
-+    "sSortDesc": "header headerSortDesc",
-+    "sSortable": "header headerSort",
-+});
-+
 +// For sorting rows
 +
 +function sortSpecial(a, b, asc, convert) {
@@ -662,14 +639,6 @@
 +    return new Date(m[1]);
 +}
 +
-+$.fn.dataTableExt.oSort['title-numeric-asc'] = function (a, b) { return sortSpecial(a, b, true, convertNum); };
-+
-+$.fn.dataTableExt.oSort['title-numeric-desc'] = function (a, b) { return sortSpecial(a, b, false, convertNum); };
-+
-+$.fn.dataTableExt.oSort['title-date-asc']  = function (a,b) { return sortSpecial(a, b, true, convertDate); };
-+
-+$.fn.dataTableExt.oSort['title-date-desc']  = function (a,b) { return sortSpecial(a, b, false, convertDate); };
-+
 +export default {
 +    HQReportDataTables: function (options) {
 +        return new HQReportDataTables(options);
diff --git a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/javascript/reports/js/tabular.js.diff.txt b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/javascript/reports/js/tabular.js.diff.txt
index 1c116e8c4af7..97946369930a 100644
--- a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/javascript/reports/js/tabular.js.diff.txt
+++ b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/javascript/reports/js/tabular.js.diff.txt
@@ -1,6 +1,6 @@
 --- 
 +++ 
-@@ -1,105 +1,107 @@
+@@ -1,105 +1,106 @@
 -hqDefine("reports/js/bootstrap3/tabular", [
 -    'jquery',
 -    'underscore',
@@ -101,7 +101,6 @@
 +                defaultRows: tableConfig.default_rows,
 +                startAtRowNum: tableConfig.start_at_row,
 +                showAllRowsOption: tableConfig.show_all_rows,
-+                loadingTemplateSelector: '#js-template-loading-report',
 +                autoWidth: tableConfig.headers.auto_width,
 +            };
 +        if (!tableConfig.sortable) {
diff --git a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/reports/async/basic.html.diff.txt b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/reports/async/basic.html.diff.txt
new file mode 100644
index 000000000000..b225ad584407
--- /dev/null
+++ b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/reports/async/basic.html.diff.txt
@@ -0,0 +1,8 @@
+--- 
++++ 
+@@ -1,4 +1,4 @@
+-{% extends report_base|default:"reports/async/bootstrap3/default.html" %}
++{% extends report_base|default:"reports/async/bootstrap5/default.html" %}
+ {% load hq_shared_tags %}
+ 
+ {% block reportcontent %}
diff --git a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/reports/datatables/column.html.diff.txt b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/reports/datatables/column.html.diff.txt
index 9b861562dcd8..f246fc32bd6e 100644
--- a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/reports/datatables/column.html.diff.txt
+++ b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/reports/datatables/column.html.diff.txt
@@ -1,16 +1,56 @@
 --- 
 +++ 
-@@ -1,11 +1,11 @@
- <th{% if col.rowspan %} rowspan="{{ col.rowspan }}"{% endif %}{% if col.css %} class="{{ col.css }}"{% endif %}>
-   <div {% if col.help_text %}
-     class="header-popover"
+@@ -1,18 +1,39 @@
+-<th{% if col.rowspan %} rowspan="{{ col.rowspan }}"{% endif %}{% if col.css %} class="{{ col.css }}"{% endif %}>
+-  <div {% if col.help_text %}
+-    class="header-popover"
 -    style="cursor:pointer;{% if col.width %} width: {{ col.width }};{% endif %}"
-+    style="cursor:pointer;{% if col.width %} width: {{ col.width }};{% endif %}"  {# todo B5: inline style #}
-     data-title="{{ col.title }}"
-     data-content="{{ col.help_text }}"
-   {% elif col.width %}
+-    data-title="{{ col.title }}"
+-    data-content="{{ col.help_text }}"
+-  {% elif col.width %}
 -    style="width: {{ col.width }};"
-+    style="width: {{ col.width }};"  {# todo B5: inline style #}
-   {% endif %}>
-     {% if col.sort %}<i class="icon-white fa dt-sort-icon"></i>{% endif %}
-     {% if col.rotate %}<div class="sideways">{% endif %}
+-  {% endif %}>
+-    {% if col.sort %}<i class="icon-white fa dt-sort-icon"></i>{% endif %}
+-    {% if col.rotate %}<div class="sideways">{% endif %}
+-    {{ col.title }}
+-    {% if col.rotate %}</div>{% endif %}
++<th
++  {% if col.rowspan %}
++    rowspan="{{ col.rowspan }}"
++  {% endif %}
++  {% if col.css %}
++    class="{{ col.css }}"
++  {% endif %}
++>
++  <div
++    {% if col.help_text %}
++      class="header-popover"
++      style="cursor:pointer;{% if col.width %} width: {{ col.width }};{% endif %}"
++      data-title="{{ col.title }}"
++      data-content="{{ col.help_text }}"
++    {% elif col.width %}
++      style="width: {{ col.width }};"
++    {% endif %}
++  >
++    {% if col.sort %}
++      <i class="icon-white fa dt-sort-icon"></i>
++    {% endif %}
++    {% if col.rotate %}
++      <div class="sideways">
++    {% endif %}
++        {{ col.title }}
++    {% if col.rotate %}
++      </div>
++    {% endif %}
+     {% if col.expected %}
+-      <div class="expected header-popover" data-title="Expected Value for {{ col.title }}" data-content="The expected value for this column is '{{ col.expected }}'">{{ col.expected }}</div>
++      <div
++        class="expected header-popover"
++        data-title="Expected Value for {{ col.title }}"
++        data-content="The expected value for this column is '{{ col.expected }}'"
++      >
++        {{ col.expected }}
++      </div>
+     {% endif %}
+     {% if col.help_text %}
+       <i class="icon-question-sign fa fa-question-circle"></i>
diff --git a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/reports/tabular.html.diff.txt b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/reports/tabular.html.diff.txt
index f1280d35bfd8..24a90879543d 100644
--- a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/reports/tabular.html.diff.txt
+++ b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/reports/tabular.html.diff.txt
@@ -125,7 +125,7 @@
                {% for stats in report_table.statistics_rows %}
                  <tr>
                    {% for col in stats %}
-@@ -91,13 +118,12 @@
+@@ -91,26 +118,17 @@
                    {% endfor %}
                  </tr>
                {% endfor %}
@@ -144,3 +144,16 @@
    </div>
    {% block posttable %}{% endblock posttable %}
  {% endblock reportcontent %}
+ 
+ {% block js-inline %} {{ block.super }}
+-  <script type="text/template" id="js-template-loading-report">
+-    <div class="report-loading-container">
+-      <div class="report-loading">
+-        <h4>{% trans "Loading Report" %}</h4>
+-        <i class="fa fa-spin fa-spinner"></i>
+-      </div>
+-    </div>
+-  </script>
+   {# For custom reports, template_partial might contain javascript #}
+   {% for chart in charts %}
+     {% with id=forloop.counter|stringformat:"s" slug=report.slug %}
diff --git a/corehq/apps/hqwebapp/tests/utils/test_bootstrap_paths.py b/corehq/apps/hqwebapp/tests/utils/test_bootstrap_paths.py
index 7b04036f4aba..d0d591a16d7f 100644
--- a/corehq/apps/hqwebapp/tests/utils/test_bootstrap_paths.py
+++ b/corehq/apps/hqwebapp/tests/utils/test_bootstrap_paths.py
@@ -1,5 +1,9 @@
 from testil import eq
-from corehq.apps.hqwebapp.utils.bootstrap.paths import is_ignored_path
+from corehq.apps.hqwebapp.utils.bootstrap.paths import (
+    is_ignored_path,
+    get_bootstrap5_path,
+    is_bootstrap3_path,
+)
 
 
 def test_is_ignored_path_true():
@@ -12,3 +16,22 @@ def test_is_ignored_path_false():
     path = "/path/to/corehq/apps/builds/templates/builds/base_builds.html"
     app_name = "builds"
     eq(is_ignored_path(app_name, path), False)
+
+
+def test_get_bootstrap5_path():
+    bootstrap3_path = "reports/bootstrap3/base_template.html"
+    bootstrap5_path = "reports/bootstrap5/base_template.html"
+    eq(get_bootstrap5_path(bootstrap3_path), bootstrap5_path)
+
+
+def test_get_bootstrap5_path_none():
+    eq(get_bootstrap5_path(None), None)
+
+
+def test_is_bootstrap3_path():
+    bootstrap3_path = "reports/bootstrap3/base_template.html"
+    eq(is_bootstrap3_path(bootstrap3_path), True)
+
+
+def test_is_bootstrap3_path_false_with_none():
+    eq(is_bootstrap3_path(None), False)
diff --git a/corehq/apps/hqwebapp/utils/bootstrap/paths.py b/corehq/apps/hqwebapp/utils/bootstrap/paths.py
index 28ba342bb2fd..26951723692f 100644
--- a/corehq/apps/hqwebapp/utils/bootstrap/paths.py
+++ b/corehq/apps/hqwebapp/utils/bootstrap/paths.py
@@ -56,6 +56,12 @@ def is_bootstrap5_path(path):
     return '/bootstrap5/' in str(path)
 
 
+def is_bootstrap3_path(path):
+    if path is None:
+        return False
+    return '/bootstrap3/' in path
+
+
 def is_mocha_path(path):
     return str(path).endswith('mocha.html')
 
@@ -124,3 +130,9 @@ def get_split_folders(paths, include_root=False):
             path.replace(str(COREHQ_BASE_DIR), '') for path in split_folders
         }
     return split_folders
+
+
+def get_bootstrap5_path(bootstrap3_path):
+    if bootstrap3_path is None:
+        return None
+    return bootstrap3_path.replace('/bootstrap3/', '/bootstrap5/')
diff --git a/corehq/apps/hqwebapp/utils/bootstrap/reports/__init__.py b/corehq/apps/hqwebapp/utils/bootstrap/reports/__init__.py
new file mode 100644
index 000000000000..e69de29bb2d1
diff --git a/corehq/apps/hqwebapp/utils/bootstrap/reports/debug.py b/corehq/apps/hqwebapp/utils/bootstrap/reports/debug.py
new file mode 100644
index 000000000000..3c71019220de
--- /dev/null
+++ b/corehq/apps/hqwebapp/utils/bootstrap/reports/debug.py
@@ -0,0 +1,114 @@
+from corehq.apps.hqwebapp.utils.bootstrap.paths import is_bootstrap3_path, get_bootstrap5_path
+from corehq.apps.hqwebapp.utils.bootstrap.reports.progress import (
+    get_migrated_filters,
+    get_migrated_filter_templates,
+)
+from corehq.apps.reports.datatables import DataTablesColumnGroup
+
+REPORT_TEMPLATE_PROPERTIES = [
+    ('template_base', 'base_template'),
+    ('template_async_base', 'base_template_async'),
+    ('template_report', 'report_template_path'),
+    ('template_report_partial', 'report_partial_path'),
+    ('template_filters', 'base_template_filters'),
+    (None, 'override_template'),  # override_template is another alternate for template_report
+]
+COMMON_REPORT_TEMPLATES = [
+    "reports/async/bootstrap3/default.html",
+    "reports/bootstrap3/base_template.html",
+    "reports/standard/bootstrap3/base_template.html",
+    "reports/bootstrap3/tabular.html",
+]
+
+
+class Color:
+    CYAN = '\033[96m'
+    GREEN = '\033[92m'
+    WARNING = '\033[93m'
+    BOLD = '\033[1m'
+    ENDC = '\033[0m'
+
+
+def _name(instance):
+    return instance.__class__.__name__
+
+
+def reports_bootstrap5_template_debugger(report_instance):
+    has_issues = False
+    print(f"\n\n{Color.CYAN}{Color.BOLD}DEBUGGING Bootstrap 5 in "
+          f"{_name(report_instance)} Report{Color.ENDC}\n")
+
+    print(f"{Color.BOLD}Checking for report template issues...{Color.ENDC}")
+    for class_property, class_variable in REPORT_TEMPLATE_PROPERTIES:
+        property_issues = show_report_property_issues(report_instance, class_property)
+        variable_issues = show_report_class_variable_issues(report_instance, class_variable)
+        has_issues = has_issues or property_issues or variable_issues
+
+    if not has_issues:
+        print(f"\n{Color.GREEN}{Color.BOLD}Did not find any issues!{Color.ENDC}\n")
+
+    show_report_filters_templates(report_instance)
+    show_report_column_issues(report_instance)
+    print("\n\nWhen migration is complete, remember to run:\n")
+    print(f"{Color.BOLD}manage.py complete_bootstrap5_report {_name(report_instance)}{Color.ENDC}\n\n\n\n")
+
+
+def show_report_property_issues(report_instance, report_property):
+    if report_property is None:
+        return False
+    report_property_value = getattr(report_instance, report_property)
+    if is_bootstrap3_path(report_property_value):
+        print(f"\n{Color.WARNING}{Color.BOLD}def {report_property}"
+              f"\nreturns {report_property_value}{Color.ENDC}")
+        print(f"\nCheck if any overrides of {Color.BOLD}{report_property}{Color.ENDC} "
+              f"in {Color.BOLD}{_name(report_instance)}{Color.ENDC} return a bootstrap3 template.\n\n")
+        return True
+    return False
+
+
+def show_report_class_variable_issues(report_instance, related_variable):
+    related_variable_value = getattr(report_instance, related_variable)
+    if (is_bootstrap3_path(related_variable_value)
+            and related_variable_value not in COMMON_REPORT_TEMPLATES):
+        print(f"\n{Color.WARNING}{Color.BOLD}{related_variable} "
+              f"= {related_variable_value}{Color.ENDC}")
+        print(f"\nEnsure that {Color.BOLD}{_name(report_instance)}.{related_variable}{Color.ENDC} "
+              f"is not assigned to a bootstrap3 template.\n\n")
+        return True
+    return False
+
+
+def show_report_filters_templates(report_instance):
+    from corehq.apps.reports.generic import get_filter_class
+    print(f"\n{Color.BOLD}Checking for un-migrated report filters and templates:{Color.ENDC}\n")
+    has_pending_migrations = False
+    migrated_filters = get_migrated_filters()
+    migrated_filter_templates = get_migrated_filter_templates()
+    for field in report_instance.fields:
+        if field not in migrated_filters:
+            filter_class = get_filter_class(field)
+            filter_template = get_bootstrap5_path(filter_class.template)
+            print(f"{Color.WARNING}{Color.BOLD}{filter_class.__name__}{Color.ENDC}")
+            if filter_template not in migrated_filter_templates:
+                print(f"\t{filter_template}\n")
+            has_pending_migrations = True
+
+    if not has_pending_migrations:
+        print(f"{Color.GREEN}{Color.BOLD}No migrations needed!{Color.ENDC}\n")
+    print("\n\n")
+
+
+def show_report_column_issues(report_instance):
+    for column in report_instance.headers:
+        if isinstance(column, DataTablesColumnGroup):
+            for sub_column in column:
+                _print_column_warnings(sub_column)
+        else:
+            _print_column_warnings(column)
+
+
+def _print_column_warnings(column):
+    if not column.use_bootstrap5:
+        print(f"{Color.WARNING}{Color.BOLD}The DataTablesColumn for '{column.html}' does "
+              f"not have bootstrap5 enabled. Pass `use_bootstrap5=self.use_bootstrap5` "
+              f"when creating.{Color.ENDC}")
diff --git a/corehq/apps/hqwebapp/utils/bootstrap/reports/progress.py b/corehq/apps/hqwebapp/utils/bootstrap/reports/progress.py
new file mode 100644
index 000000000000..ec3067dd8de5
--- /dev/null
+++ b/corehq/apps/hqwebapp/utils/bootstrap/reports/progress.py
@@ -0,0 +1,58 @@
+import json
+
+from corehq.apps.hqwebapp.utils.bootstrap.paths import COREHQ_BASE_DIR
+
+PATH_TO_PROGRESS_NOTES = 'apps/hqwebapp/utils/bootstrap/reports/progress'
+
+
+def get_progress_file_path():
+    return COREHQ_BASE_DIR / PATH_TO_PROGRESS_NOTES / "bootstrap3_to_5.json"
+
+
+def get_progress_data():
+    with open(get_progress_file_path(), 'r') as f:
+        return json.loads(f.read())
+
+
+def update_progress_data(data):
+    for key in data.keys():
+        data[key] = sorted(data[key])
+    data_string = json.dumps(data, indent=2)
+    with open(get_progress_file_path(), "w") as f:
+        f.writelines(data_string + '\n')
+
+
+def _mark_as_complete(item, category):
+    progress_data = get_progress_data()
+    if item not in progress_data[category]:
+        progress_data[category].append(item)
+    update_progress_data(progress_data)
+
+
+def _get_category_list(category):
+    progress_data = get_progress_data()
+    return progress_data[category]
+
+
+def mark_report_as_complete(report_name):
+    _mark_as_complete(report_name, "reports")
+
+
+def mark_filter_as_complete(filter_path):
+    _mark_as_complete(filter_path, "filters")
+
+
+def mark_filter_template_as_complete(filter_template):
+    _mark_as_complete(filter_template, "filter_templates")
+
+
+def get_migrated_reports():
+    return _get_category_list("reports")
+
+
+def get_migrated_filters():
+    return _get_category_list("filters")
+
+
+def get_migrated_filter_templates():
+    return _get_category_list("filter_templates")
diff --git a/corehq/apps/hqwebapp/utils/bootstrap/reports/progress/bootstrap3_to_5.json b/corehq/apps/hqwebapp/utils/bootstrap/reports/progress/bootstrap3_to_5.json
new file mode 100644
index 000000000000..f886b067fd2c
--- /dev/null
+++ b/corehq/apps/hqwebapp/utils/bootstrap/reports/progress/bootstrap3_to_5.json
@@ -0,0 +1,5 @@
+{
+  "reports": [],
+  "filters": [],
+  "filter_templates": []
+}
diff --git a/corehq/apps/hqwebapp/utils/bootstrap/reports/stats.py b/corehq/apps/hqwebapp/utils/bootstrap/reports/stats.py
new file mode 100644
index 000000000000..4f48130a8673
--- /dev/null
+++ b/corehq/apps/hqwebapp/utils/bootstrap/reports/stats.py
@@ -0,0 +1,89 @@
+import phonelog.reports as phonelog
+
+from corehq.apps.accounting import interface as accounting
+from corehq.apps.enterprise.interface import EnterpriseSMSBillablesReport
+from corehq.apps.fixtures import interface as fixtures
+from corehq.apps.geospatial import reports as geospatial
+from corehq.apps.hqadmin import reports as hqadmin
+from corehq.apps.linked_domain.views import DomainLinkHistoryReport
+from corehq.apps.reports import commtrack
+from corehq.apps.reports.standard import (
+    deployments,
+    inspect,
+    monitoring,
+    sms,
+)
+from corehq.apps.reports.standard.cases.basic import CaseListReport
+from corehq.apps.reports.standard.cases.case_list_explorer import CaseListExplorer
+from corehq.apps.reports.standard.cases.duplicate_cases import DuplicateCasesExplorer
+from corehq.apps.reports.standard.forms import reports as receiverwrapper
+from corehq.apps.reports.standard.project_health import ProjectHealthDashboard
+from corehq.apps.reports.standard.users.reports import UserHistoryReport
+from corehq.apps.sso.views.accounting_admin import IdentityProviderInterface
+from corehq.motech.generic_inbound.reports import ApiRequestLogReport
+from corehq.motech.repeaters.views import DomainForwardingRepeatRecords
+
+
+ALL_REPORTS = [
+    monitoring.WorkerActivityReport,
+    monitoring.DailyFormStatsReport,
+    monitoring.SubmissionsByFormReport,
+    monitoring.FormCompletionTimeReport,
+    monitoring.CaseActivityReport,
+    monitoring.FormCompletionVsSubmissionTrendsReport,
+    ProjectHealthDashboard,
+    inspect.SubmitHistory,
+    CaseListReport,
+    CaseListExplorer,
+    DuplicateCasesExplorer,
+    deployments.ApplicationStatusReport,
+    deployments.AggregateUserStatusReport,
+    receiverwrapper.SubmissionErrorReport,
+    phonelog.DeviceLogDetailsReport,
+    deployments.ApplicationErrorReport,
+    commtrack.SimplifiedInventoryReport,
+    commtrack.InventoryReport,
+    commtrack.CurrentStockStatusReport,
+    sms.MessagesReport,
+    sms.MessagingEventsReport,
+    sms.MessageEventDetailReport,
+    sms.SurveyDetailReport,
+    sms.MessageLogReport,
+    sms.SMSOptOutReport,
+    sms.PhoneNumberReport,
+    sms.ScheduleInstanceReport,
+    fixtures.FixtureEditInterface,
+    fixtures.FixtureViewInterface,
+    accounting.AccountingInterface,
+    accounting.SubscriptionInterface,
+    accounting.SoftwarePlanInterface,
+    accounting.InvoiceInterface,
+    accounting.WireInvoiceInterface,
+    accounting.CustomerInvoiceInterface,
+    accounting.PaymentRecordInterface,
+    accounting.SubscriptionAdjustmentInterface,
+    accounting.CreditAdjustmentInterface,
+    IdentityProviderInterface,
+    EnterpriseSMSBillablesReport,
+    hqadmin.UserListReport,
+    hqadmin.AdminPhoneNumberReport,
+    hqadmin.UserAuditReport,
+    hqadmin.DeployHistoryReport,
+    hqadmin.UCRDataLoadReport,
+    DomainForwardingRepeatRecords,
+    DomainLinkHistoryReport,
+    ApiRequestLogReport,
+    UserHistoryReport,
+    geospatial.CaseManagementMap,
+    geospatial.CaseGroupingReport,
+]
+
+
+def get_report_class(name):
+    for report_class in ALL_REPORTS:
+        if report_class.__name__ == name:
+            return report_class
+
+
+def get_bootstrap5_reports():
+    return [report_class.__name__ for report_class in ALL_REPORTS if report_class.use_bootstrap5]
diff --git a/corehq/apps/reports/commtrack/standard.py b/corehq/apps/reports/commtrack/standard.py
index 9428995e4087..56de54d3678a 100644
--- a/corehq/apps/reports/commtrack/standard.py
+++ b/corehq/apps/reports/commtrack/standard.py
@@ -59,13 +59,13 @@ def ordered_actions(self, ordering):
     @property
     @memoized
     def active_location(self):
-        loc_id = self.request_params.get('location_id')
+        loc_id = self.get_request_param('location_id', from_json=True)
         return SQLLocation.objects.get_or_None(domain=self.domain, location_id=loc_id)
 
     @property
     @memoized
     def program_id(self):
-        prog_id = self.request_params.get('program')
+        prog_id = self.get_request_param('program', from_json=True)
         if prog_id != '':
             return prog_id
 
@@ -86,8 +86,8 @@ class CurrentStockStatusReport(GenericTabularReport, CommtrackReportMixin):
     @property
     def shared_pagination_GET_params(self):
         return [
-            {'name': 'location_id', 'value': self.request.GET.get('location_id')},
-            {'name': 'program', 'value': self.request.GET.get('program')},
+            {'name': 'location_id', 'value': self.get_request_param('location_id')},
+            {'name': 'program', 'value': self.get_request_param('program')},
         ]
 
     @cached_property
@@ -265,9 +265,9 @@ def headers(self):
     def rows(self):
         config = {
             'domain': self.domain,
-            'location_id': self.request.GET.get('location_id'),
+            'location_id': self.get_request_param('location_id'),
             'program_id': self.program_id,
-            'date': self.request.GET.get('date', None),
+            'date': self.get_request_param('date', None),
             'max_rows': 100
         }
 
@@ -328,8 +328,8 @@ def headers(self):
     def product_data(self):
         config = {
             'domain': self.domain,
-            'location_id': self.request.GET.get('location_id'),
-            'program_id': self.request.GET.get('program'),
+            'location_id': self.get_request_param('location_id'),
+            'program_id': self.get_request_param('program'),
             'aggregate': True,
             'advanced_columns': self.showing_advanced_columns(),
         }
diff --git a/corehq/apps/reports/datatables/__init__.py b/corehq/apps/reports/datatables/__init__.py
index 80e181283569..432792f674db 100644
--- a/corehq/apps/reports/datatables/__init__.py
+++ b/corehq/apps/reports/datatables/__init__.py
@@ -12,7 +12,8 @@ class DataTablesColumn(object):
     def __init__(self, name, span=0, sort_type=None, sort_direction=None,
                  help_text=None, sortable=True, rotate=False,
                  expected=None, prop_name=None, visible=True, data_slug=None,
-                 alt_prop_name=None, width=None, css_class=None, sql_col=None):
+                 alt_prop_name=None, width=None, css_class=None, sql_col=None,
+                 use_bootstrap5=False):
         self.html = name
         self.css_span = span
         self.sort_type = sort_type
@@ -30,6 +31,7 @@ def __init__(self, name, span=0, sort_type=None, sort_direction=None,
         self.width = width
         self.css_class = css_class
         self.sql_col = sql_col
+        self.use_bootstrap5 = use_bootstrap5
 
     @property
     def render_html(self):
@@ -49,12 +51,44 @@ def render_html(self):
             expected=self.expected,
             width=self.width
         )
-        return render_to_string("reports/datatables/bootstrap3/column.html", dict(
+        if self.use_bootstrap5:
+            template_path = "reports/datatables/bootstrap5/column.html"
+        else:
+            template_path = "reports/datatables/bootstrap3/column.html"
+        return render_to_string(template_path, dict(
             col=column_params
         ))
 
     @property
     def render_aoColumns(self):
+        # todo eventually this should be renamed to render_column and references to
+        # `render_aoColumns` should be updated.
+        if self.use_bootstrap5:
+            return self._bootstrap5_render_column()
+        return self._bootstrap3_render_aoColumns()
+
+    def _bootstrap5_render_column(self):
+        column = {
+            "order": self.sort_direction,
+            "orderable": self.sortable,
+        }
+        if self.prop_name:
+            column['name'] = self.prop_name
+        if self.sort_type:
+            column['type'] = self.sort_type
+        if self.rotate:
+            column["width"] = "10px"
+        if not self.visible:
+            column["visible"] = self.visible
+        if self.data_slug:
+            column['data'] = {
+                'slug': self.data_slug,
+            }
+        if self.css_class:
+            column['className'] = self.css_class
+        return column
+
+    def _bootstrap3_render_aoColumns(self):
         aoColumns = dict(asSorting=self.sort_direction)
 
         if self.prop_name:
diff --git a/corehq/apps/reports/dispatcher.py b/corehq/apps/reports/dispatcher.py
index 14641b632e8a..6aa52d2cf8bb 100644
--- a/corehq/apps/reports/dispatcher.py
+++ b/corehq/apps/reports/dispatcher.py
@@ -24,6 +24,8 @@
 from corehq.util.quickcache import quickcache
 
 from .lookup import ReportLookup
+from ..hqwebapp.utils.bootstrap import set_bootstrap_version5
+from ..hqwebapp.utils.bootstrap.reports.debug import reports_bootstrap5_template_debugger
 
 datespan_default = datespan_in_request(
     from_param="startdate",
@@ -151,6 +153,10 @@ def dispatch(self, request, domain=None, report_slug=None, render_as=None,
                 report.decorator_dispatcher(
                     request, domain=domain, report_slug=report_slug, *args, **kwargs
                 )
+                if report.use_bootstrap5:
+                    set_bootstrap_version5()
+                if report.debug_bootstrap5:
+                    reports_bootstrap5_template_debugger(report)
                 return getattr(report, '%s_response' % render_as)
             except BadRequestError as e:
                 return HttpResponseBadRequest(e)
diff --git a/corehq/apps/reports/filters/base.py b/corehq/apps/reports/filters/base.py
index 0b6baa7d97ad..01f295c2d439 100644
--- a/corehq/apps/reports/filters/base.py
+++ b/corehq/apps/reports/filters/base.py
@@ -6,6 +6,8 @@
 from memoized import memoized
 
 from corehq.apps.hqwebapp.crispy import CSS_FIELD_CLASS, CSS_LABEL_CLASS
+from corehq.apps.hqwebapp.utils.bootstrap.paths import get_bootstrap5_path
+from corehq.apps.reports.util import DatatablesServerSideParams
 
 
 class BaseReportFilter(object):
@@ -24,8 +26,9 @@ class BaseReportFilter(object):
     is_cacheable = False
     help_style_bubble = False
 
-    def __init__(self, request, domain=None, timezone=pytz.utc, parent_report=None,
-                 css_label=None, css_field=None):
+    def __init__(self, request, domain=None, timezone=pytz.utc,
+                 parent_report=None, css_label=None, css_field=None,
+                 use_bootstrap5=False):
         self.domain = domain
         if self.slug is None:
             raise NotImplementedError("slug is required")
@@ -39,6 +42,8 @@ def __init__(self, request, domain=None, timezone=pytz.utc, parent_report=None,
         self.css_label = css_label or (CSS_LABEL_CLASS + ' control-label')
         self.css_field = css_field or CSS_FIELD_CLASS
         self.context = {}
+        if use_bootstrap5:
+            self.template = get_bootstrap5_path(self.template)
 
     @property
     def is_disabled(self):
@@ -77,7 +82,7 @@ def render(self):
 
     @classmethod
     def get_value(cls, request, domain):
-        return request.GET.get(cls.slug)
+        return DatatablesServerSideParams.get_value_from_request(request, cls.slug)
 
 
 class CheckboxFilter(BaseReportFilter):
@@ -87,11 +92,15 @@ class CheckboxFilter(BaseReportFilter):
 
     @property
     def filter_context(self):
-        return {'checked': self.request.GET.get(self.slug, False)}
+        return {
+            'checked': DatatablesServerSideParams.get_value_from_request(
+                self.request, self.slug, False
+            ),
+        }
 
     @classmethod
     def get_value(cls, request, domain):
-        val = request.GET.get(cls.slug, False)
+        val = DatatablesServerSideParams.get_value_from_request(request, cls.slug)
         if not val:
             return False
         else:
@@ -170,7 +179,7 @@ class BaseMultipleOptionFilter(BaseSingleOptionFilter):
 
     @classmethod
     def get_value(cls, request, domain):
-        return request.GET.getlist(cls.slug)
+        return DatatablesServerSideParams.get_value_from_request(request, cls.slug, as_list=True)
 
     @property
     @memoized
@@ -303,7 +312,7 @@ def shared_pagination_GET_params(self):
     @classmethod
     def _get_label_value(cls, request, label):
         slug = str(label[2])
-        val = request.GET.get('%s_%s' % (cls.slug, slug))
+        val = DatatablesServerSideParams.get_value_from_request(request, f'{cls.slug}_{slug}')
         return {
             'slug': slug,
             'value': val,
@@ -328,7 +337,9 @@ class BaseSimpleFilter(BaseReportFilter):
     @property
     def filter_context(self):
         return {
-            'default': self.request.GET.get(self.slug, ""),
+            'default': DatatablesServerSideParams.get_value_from_request(
+                self.request, self.slug, default_value=""
+            ),
             'help_title': self.help_title,
             'help_content': self.help_content,
             'help_inline': self.help_inline
diff --git a/corehq/apps/reports/filters/dates.py b/corehq/apps/reports/filters/dates.py
index 4fc83025150e..91df043e03fa 100644
--- a/corehq/apps/reports/filters/dates.py
+++ b/corehq/apps/reports/filters/dates.py
@@ -4,6 +4,7 @@
 from django.utils.translation import gettext as _
 from django.utils.translation import gettext_lazy
 
+from corehq.apps.reports.util import DatatablesServerSideParams
 from dimagi.utils.dates import DateSpan, add_months
 
 from corehq.apps.reports.filters.base import BaseReportFilter
@@ -89,7 +90,7 @@ class SingleDateFilter(BaseReportFilter):
 
     @property
     def date(self):
-        from_req = self.request.GET.get(self.slug)
+        from_req = DatatablesServerSideParams.get_value_from_request(self.request, self.slug)
         if from_req:
             try:
                 return iso_string_to_date(from_req)
diff --git a/corehq/apps/reports/filters/devicelog.py b/corehq/apps/reports/filters/devicelog.py
index 2410e8e39997..6cae28f583c0 100644
--- a/corehq/apps/reports/filters/devicelog.py
+++ b/corehq/apps/reports/filters/devicelog.py
@@ -7,6 +7,7 @@
     BaseMultipleOptionFilter,
     BaseReportFilter,
 )
+from corehq.apps.reports.util import DatatablesServerSideParams
 from corehq.util.queries import fast_distinct_in_domain
 from corehq.util.quickcache import quickcache
 
@@ -23,8 +24,12 @@ def _all_values(self):
 
     @property
     def filter_context(self):
-        errors_only = bool(self.request.GET.get(self.errors_only_slug, False))
-        selected_tags = self.request.GET.getlist(self.slug)
+        errors_only = bool(DatatablesServerSideParams.get_value_from_request(
+            self.request, self.errors_only_slug, False
+        ))
+        selected_tags = DatatablesServerSideParams.get_value_from_request(
+            self.request, self.slug, as_list=True
+        )
         show_all = bool(not selected_tags)
         values = self._all_values()
         tags = [{
@@ -60,7 +65,7 @@ def filter_context(self):
     @classmethod
     def get_selected(cls, request):
         return [cls.param_to_value(param)
-                for param in request.GET.getlist(cls.slug)]
+                for param in DatatablesServerSideParams.get_value_from_request(request, cls.slug, as_list=True)]
 
     @classmethod
     def param_to_value(cls, param):
diff --git a/corehq/apps/reports/filters/fixtures.py b/corehq/apps/reports/filters/fixtures.py
index dd24b0927417..955b6446a3e0 100644
--- a/corehq/apps/reports/filters/fixtures.py
+++ b/corehq/apps/reports/filters/fixtures.py
@@ -6,6 +6,7 @@
     location_hierarchy_config,
 )
 from corehq.apps.reports.filters.base import BaseReportFilter
+from corehq.apps.reports.util import DatatablesServerSideParams
 
 
 class AsyncLocationFilter(BaseReportFilter):
@@ -33,7 +34,7 @@ def location_hierarchy_config(self):
     def filter_context(self):
         api_root = self.api_root
         user = self.request.couch_user
-        loc_id = self.request.GET.get('location_id')
+        loc_id = DatatablesServerSideParams.get_value_from_request(self.request, 'location_id')
         if not loc_id:
             # Don't use enterprise permissions, because any location not in the current domain won't exist
             domain_membership = user.get_domain_membership(self.domain, allow_enterprise=False)
@@ -53,7 +54,7 @@ def filter_context(self):
 
     @classmethod
     def get_value(cls, request, domain):
-        return request.GET.get('location_id')
+        return DatatablesServerSideParams.get_value_from_request(request, 'location_id')
 
 
 class OptionalAsyncLocationFilter(AsyncLocationFilter):
diff --git a/corehq/apps/reports/filters/forms.py b/corehq/apps/reports/filters/forms.py
index fce6e8ebd183..394bebcbe3af 100644
--- a/corehq/apps/reports/filters/forms.py
+++ b/corehq/apps/reports/filters/forms.py
@@ -5,6 +5,7 @@
 from couchdbkit.exceptions import ResourceNotFound
 from memoized import memoized
 
+from corehq.apps.reports.util import DatatablesServerSideParams
 from couchforms.analytics import (
     get_all_xmlns_app_id_pairs_submitted_to_in_domain,
 )
@@ -142,7 +143,8 @@ def filter_context(self):
             'all_form_retrieval_failed': self.all_form_retrieval_failed,
         })
 
-        show_advanced = self.request.GET.get('show_advanced') == 'on'
+        show_advanced = DatatablesServerSideParams.get_value_from_request(
+            self.request, 'show_advanced') == 'on'
 
         #set Default app type to active only when advanced option is not selected
         if self.display_app_type and not context['selected'] and not show_advanced:
@@ -355,7 +357,8 @@ def _fuzzy_form_data(self):
 
     @property
     def _hide_fuzzy_results(self):
-        return self.request.GET.get('%s_%s' % (self.slug, self.fuzzy_slug)) == 'yes'
+        return DatatablesServerSideParams.get_value_from_request(
+            self.request, f"{self.slug}_{self.fuzzy_slug}") == 'yes'
 
     @property
     @memoized
@@ -373,7 +376,9 @@ def _unknown_xmlns(self):
 
     @property
     def _show_unknown(self):
-        return self.request.GET.get('%s_%s' % (self.slug, self.unknown_slug))
+        return DatatablesServerSideParams.get_value_from_request(
+            self.request, f"{self.slug}_{self.unknown_slug}"
+        )
 
     @property
     @memoized
@@ -383,7 +388,9 @@ def _unknown_forms_options(self):
     @property
     def _selected_unknown_xmlns(self):
         if self._show_unknown:
-            return self.request.GET.get('%s_%s_xmlns' % (self.slug, self.unknown_slug), '')
+            return DatatablesServerSideParams.get_value_from_request(
+                self.request, f"{self.slug}_{self.unknown_slug}_xmlns", ""
+            )
         return ''
 
     @memoized
@@ -450,7 +457,7 @@ def has_selections(cls, request):
         for param in params:
             if param['slug'] == PARAM_SLUG_APP_ID:
                 return True
-        if request.GET.get('show_advanced') == 'on':
+        if DatatablesServerSideParams.get_value_from_request(request, 'show_advanced') == 'on':
             return True
         return False
 
diff --git a/corehq/apps/reports/filters/location.py b/corehq/apps/reports/filters/location.py
index 0ce25c74e7c7..bc6bd9bf3dac 100644
--- a/corehq/apps/reports/filters/location.py
+++ b/corehq/apps/reports/filters/location.py
@@ -10,6 +10,7 @@
 
 from .api import EmwfOptionsView
 from .users import ExpandedMobileWorkerFilter
+from ..util import DatatablesServerSideParams
 
 
 class LocationGroupFilter(ExpandedMobileWorkerFilter):
@@ -27,7 +28,7 @@ class LocationGroupFilter(ExpandedMobileWorkerFilter):
     @property
     @memoized
     def selected(self):
-        selected_ids = self.request.GET.getlist(self.slug)
+        selected_ids = DatatablesServerSideParams.get_value_from_request(self.request, self.slug, as_list=True)
 
         selected = (self._selected_group_entries(selected_ids) +
                     self._selected_location_entries(selected_ids))
diff --git a/corehq/apps/reports/filters/users.py b/corehq/apps/reports/filters/users.py
index 3015dbab9739..96b175264164 100644
--- a/corehq/apps/reports/filters/users.py
+++ b/corehq/apps/reports/filters/users.py
@@ -33,6 +33,7 @@
     BaseReportFilter,
     BaseSingleOptionFilter,
 )
+from ..util import DatatablesServerSideParams
 
 
 class UserOrGroupFilter(BaseSingleOptionFilter):
@@ -196,7 +197,9 @@ def user_tuple(self, u):
 class ExpandedMobileWorkerFilter(BaseMultipleOptionFilter):
     """
     To get raw filter results:
-        mobile_user_and_group_slugs = request.GET.getlist(ExpandedMobileWorkerFilter.slug)
+        mobile_user_and_group_slugs = DatatablesServerSideParams.get_value_from_request(
+            request, ExpandedMobileWorkerFilter.slug, as_list=True
+        )
 
         user_ids = emwf.selected_user_ids(mobile_user_and_group_slugs)
         user_types = emwf.selected_user_types(mobile_user_and_group_slugs)
@@ -282,7 +285,9 @@ def get_default_selections(self):
     @property
     @memoized
     def selected(self):
-        selected_ids = self.request.GET.getlist(self.slug)
+        selected_ids = DatatablesServerSideParams.get_value_from_request(
+            self.request, self.slug, as_list=True
+        )
         if not selected_ids:
             return [{'id': selection_tuple[0], 'text': selection_tuple[1]}
                     for selection_tuple in self.get_default_selections()]
@@ -586,11 +591,12 @@ def options(self):
 def get_user_toggle(request):
     ufilter = group = individual = show_commtrack = None
     try:
-        request_obj = request.POST if request.method == 'POST' else request.GET
-        if request_obj.get('ufilter', ''):
-            ufilter = request_obj.getlist('ufilter')
-        group = request_obj.get('group', '')
-        individual = request_obj.get('individual', '')
+        if DatatablesServerSideParams.get_value_from_request(request, 'ufilter', ''):
+            ufilter = DatatablesServerSideParams.get_value_from_request(
+                request, 'ufilter', as_list=True
+            )
+        group = DatatablesServerSideParams.get_value_from_request(request, 'group', '')
+        individual = DatatablesServerSideParams.get_value_from_request(request, 'individual', '')
         show_commtrack = request.project.commtrack_enabled
     except (KeyError, AttributeError):
         pass
diff --git a/corehq/apps/reports/generic.py b/corehq/apps/reports/generic.py
index 6a254e91006b..ca4fed6570e5 100644
--- a/corehq/apps/reports/generic.py
+++ b/corehq/apps/reports/generic.py
@@ -19,6 +19,7 @@
 from celery.utils.log import get_task_logger
 from memoized import memoized
 
+from corehq.apps.hqwebapp.utils.bootstrap.paths import get_bootstrap5_path
 from corehq.util.timezones.utils import get_timezone
 from couchexport.export import export_from_tables, get_writer
 from couchexport.shortcuts import export_response
@@ -39,7 +40,10 @@
 from corehq.apps.reports.exceptions import BadRequestError
 from corehq.apps.reports.filters.dates import DatespanFilter
 from corehq.apps.reports.tasks import export_all_rows_task
-from corehq.apps.reports.util import DatatablesParams
+from corehq.apps.reports.util import (
+    DatatablesPagination,
+    DatatablesServerSideParams,
+)
 from corehq.apps.saved_reports.models import ReportConfig
 from corehq.apps.users.models import CouchUser
 from corehq.util.view_utils import absolute_reverse, request_as_dict, reverse
@@ -64,16 +68,21 @@ def _sanitize_col(col):
     return col
 
 
-def get_filter_classes(fields, request, domain, timezone):
+def get_filter_class(field, failhard=False):
+    if isinstance(field, str):
+        klass = to_function(field, failhard=failhard)
+    else:
+        klass = field
+    return klass
+
+
+def get_filter_classes(fields, request, domain, timezone, use_bootstrap5=False):
     filters = []
     fields = fields
     for field in fields or []:
-        if isinstance(field, str):
-            klass = to_function(field, failhard=True)
-        else:
-            klass = field
+        klass = get_filter_class(field, failhard=True)
         filters.append(
-            klass(request, domain, timezone)
+            klass(request, domain, timezone, use_bootstrap5=use_bootstrap5)
         )
     return filters
 
@@ -175,6 +184,10 @@ class GenericReportView(object):
     deprecation_email_message = gettext("This report has been deprecated.")
     deprecation_message = gettext("This report has been deprecated.")
 
+    # use for bootstrap5 migration
+    use_bootstrap5 = False
+    debug_bootstrap5 = False
+
     def __init__(self, request, base_context=None, domain=None, **kwargs):
         if not self.name or not self.section_name or self.slug is None or not self.dispatcher:
             raise NotImplementedError(
@@ -188,7 +201,9 @@ def __init__(self, request, base_context=None, domain=None, **kwargs):
             raise ValueError("Class property dispatcher should point to a subclass of ReportDispatcher.")
 
         self.request = request
-        self.request_params = json_request(self.request.GET if self.request.method == 'GET' else self.request.POST)
+        self._request_params = json_request(
+            self.request.GET if self.request.method == 'GET' else self.request.POST
+        )
         self.domain = normalize_domain_name(domain)
         self.context = base_context or {}
         self._update_initial_context()
@@ -219,7 +234,7 @@ def __getstate__(self):
 
         return dict(
             request=request,
-            request_params=self.request_params,
+            request_params=self._request_params,
             domain=self.domain,
             context={}
         )
@@ -259,9 +274,41 @@ class FakeHttpRequest(object):
                           (self.name, e))
         self.request = request
         self._caching = True
-        self.request_params = state.get('request_params')
+        self._request_params = state.get('request_params')
         self._update_initial_context()
 
+    def get_request_param(self, param, default_value=None, as_list=False, from_json=False):
+        """
+        Retrieves the value of a given parameter from the request GET/POST QueryDicts
+        or from a json_request wrapped version of that data stored in self._request_params.
+
+        TODO there is some uncertainty why some reports use self.request_params and others use
+        self.request.GET. This can be a point of investigation later and cleaned up if needed.
+        The intent to consolidate both retrievals here is to make sure the original behavior is kept,
+        so as not to burden these initial B5 migration changes with unrelated investigatory work.
+
+        :param param: (string) slug of parameter in request data
+        :param default_value: default value if parameter is not found in request data
+        :param as_list: (boolean) True if you want to retrieve the data using `getlist`
+        :param from_json: (boolean) True if you want to retrieve data from the `json_request`
+            object stored in `self._request_params`
+        """
+        if from_json:
+            return self._request_params.get(param, default_value)
+        request_data = self.request.POST if self.request.method == 'POST' else self.request.GET
+        return request_data.getlist(param) if as_list else request_data.get(param, default_value)
+
+    @property
+    def request_params(self):
+        if self.use_bootstrap5:
+            # Datatables 1.10+ introduces new formatting for request parameters that changes the
+            # keys passed to HQ from a Datatables request. `GenericTabularReport.get_request_param`
+            # includes utilities to work with these changes.
+            raise ValueError("Please use `get_request_param` to access request parameters.")
+        # Bootstrap 3 reports can still access self.request_params directly without issue, until
+        # that usage is cleaned up
+        return self._request_params
+
     @property
     @memoized
     def url_root(self):
@@ -294,33 +341,57 @@ def timezone(self):
     @property
     @memoized
     def template_base(self):
+        if self.use_bootstrap5:
+            return get_bootstrap5_path(self.base_template)
         return self.base_template
 
     @property
     @memoized
     def template_async_base(self):
+        if self.use_bootstrap5:
+            base_template_async = get_bootstrap5_path(self.base_template_async)
+            default_path = "reports/async/bootstrap5/default.html"
+        else:
+            base_template_async = self.base_template_async
+            default_path = "reports/async/bootstrap3/default.html"
         if self.asynchronous:
-            return self.base_template_async or "reports/async/bootstrap3/default.html"
+            return base_template_async or default_path
         return self.template_base
 
     @property
     @memoized
     def template_report(self):
-        original_template = self.report_template_path or "reports/async/basic.html"
+        if self.use_bootstrap5:
+            template_path = get_bootstrap5_path(self.report_template_path)
+            override_template = get_bootstrap5_path(self.override_template)
+            default_path = "reports/async/bootstrap5/basic.html"
+        else:
+            template_path = self.report_template_path
+            override_template = self.override_template
+            default_path = "reports/async/bootstrap3/basic.html"
+        original_template = template_path or default_path
         if self.is_rendered_as_email:
             self.context.update(original_template=original_template)
-            return self.override_template
+            return override_template
         return original_template
 
     @property
     @memoized
     def template_report_partial(self):
+        if self.use_bootstrap5:
+            return get_bootstrap5_path(self.report_partial_path)
         return self.report_partial_path
 
     @property
     @memoized
     def template_filters(self):
-        return self.base_template_filters or "reports/async/bootstrap3/filters.html"
+        if self.use_bootstrap5:
+            base_template_filters = get_bootstrap5_path(self.base_template_filters)
+            default_path = "reports/async/bootstrap5/filters.html"
+        else:
+            base_template_filters = self.base_template_filters
+            default_path = "reports/async/bootstrap3/filters.html"
+        return base_template_filters or default_path
 
     @property
     @memoized
@@ -330,13 +401,13 @@ def rendered_report_title(self):
     @property
     @memoized
     def filter_classes(self):
-        return get_filter_classes(self.fields, self.request, self.domain, self.timezone)
+        return get_filter_classes(self.fields, self.request, self.domain, self.timezone, self.use_bootstrap5)
 
     @property
     @memoized
     def export_format(self):
         from couchexport.models import Format
-        return self.export_format_override or self.request.GET.get('format', Format.XLS_2007)
+        return self.export_format_override or self.get_request_param('format', Format.XLS_2007)
 
     @property
     def export_name(self):
@@ -421,9 +492,10 @@ def filter_set(self):
         is a query string. This gets carried to additional asynchronous calls
         """
         are_filters_set = bool(self.request.META.get('QUERY_STRING'))
-        if "filterSet" in self.request.GET:
+        filter_set_value = self.get_request_param("filterSet")
+        if filter_set_value is not None:
             try:
-                are_filters_set = string_to_boolean(self.request.GET.get("filterSet"))
+                are_filters_set = string_to_boolean(filter_set_value)
             except ValueError:
                 # not a parseable boolean
                 pass
@@ -452,7 +524,7 @@ def _update_initial_context(self):
         """
         report_configs = ReportConfig.by_domain_and_owner(self.domain,
             self.request.couch_user._id, report_slug=self.slug)
-        current_config_id = self.request.GET.get('config_id', '')
+        current_config_id = self.get_request_param('config_id', '')
         default_config = ReportConfig.default()
 
         def is_editable_datespan(field):
@@ -620,7 +692,7 @@ def _async_context(self):
         self.update_report_context()
 
         rendered_filters = None
-        if bool(self.request.GET.get('hq_filters')):
+        if bool(self.get_request_param('hq_filters')):
             self.update_filter_context()
             rendered_filters = render_to_string(
                 self.template_filters, self.context, request=self.request
@@ -920,13 +992,38 @@ def pagination_source(self):
     @property
     def pagination(self):
         if self._pagination is None:
-            self._pagination = DatatablesParams.from_request_dict(
-                self.request.POST if self.request.method == 'POST' else self.request.GET
-            )
+            if self.use_bootstrap5:
+                self._pagination = DatatablesPagination.from_datatables_params(
+                    self.datatables_params
+                )
+            else:
+                self._pagination = DatatablesPagination.from_request_dict(
+                    self.request.POST if self.request.method == 'POST' else self.request.GET
+                )
             if self._pagination.count > self.max_rows:
                 raise BadRequestError(gettext("Row count is too large"))
         return self._pagination
 
+    @property
+    @memoized
+    def datatables_params(self):
+        """Use only for bootstrap 5 reports using Datatables > 1.10
+        """
+        if not self.use_bootstrap5:
+            raise NotImplementedError(
+                "'datatables_params' should only be used by Bootstrap 5 reports"
+            )
+        return DatatablesServerSideParams.from_request(self.request)
+
+    def get_request_param(self, param, default_value=None, as_list=False, from_json=False):
+        if self.use_bootstrap5:
+            return self.datatables_params.get_value_from_data(
+                self._request_params, param, default_value=default_value
+            ) if from_json else self.datatables_params.get_value(
+                param, default_value=default_value, as_list=as_list
+            )
+        return super().get_request_param(param, default_value=default_value, as_list=as_list, from_json=from_json)
+
     @property
     def json_dict(self):
         """
@@ -942,11 +1039,10 @@ def json_dict(self):
         total_filtered_records = self.total_filtered_records
         if not isinstance(total_filtered_records, int):
             raise ValueError("Property 'total_filtered_records' should return an int.")
-        ret = dict(
-            sEcho=self.pagination.echo,
-            iTotalRecords=total_records,
-            iTotalDisplayRecords=total_filtered_records if total_filtered_records >= 0 else total_records,
-            aaData=rows,
+        ret = self._get_datatables_json_dict(
+            total_records,
+            total_filtered_records if total_filtered_records >= 0 else total_records,
+            rows
         )
 
         if self.total_row:
@@ -956,6 +1052,26 @@ def json_dict(self):
 
         return ret
 
+    def _get_datatables_json_dict(self, records_total, records_filtered, data):
+        """Formats the data in a format that datatables expects.
+        see: https://datatables.net/manual/server-side#Example-data
+        default return is the < 1.9 version of datatables, which should be
+        phased out after the bootstrap 5 migration.
+        """
+        if self.use_bootstrap5:
+            return {
+                "draw": self.datatables_params.draw,
+                "recordsTotal": records_total,
+                "recordsFiltered": records_filtered,
+                "data": data,
+            }
+        return {
+            "sEcho": self.pagination.echo,
+            "iTotalRecords": records_total,
+            "iTotalDisplayRecords": records_filtered,
+            "aaData": data,
+        }
+
     @property
     def fixed_cols_spec(self):
         """
@@ -1154,6 +1270,11 @@ class PaginatedReportMixin(object):
     default_sort = None
 
     def get_sorting_block(self):
+        if self.use_bootstrap5:
+            return self._get_sorting_block_bootstrap5()
+        return self._get_sorting_block_bootstrap3()
+
+    def _get_sorting_block_bootstrap3(self):
         res = []
         #the NUMBER of cols sorting
         sort_cols = int(self.request.GET.get('iSortingCols', 0))
@@ -1170,6 +1291,20 @@ def get_sorting_block(self):
             res.append(self.default_sort)
         return res
 
+    def _get_sorting_block_bootstrap5(self):
+        block = []
+        for col in self.datatables_params.order:
+            col_ind = col['column']
+            sort_dir = col['dir']
+            dt_column_obj = self.headers.header[col_ind]
+            if dt_column_obj.prop_name:
+                prop_name = dt_column_obj.prop_name
+                sort_dict = {prop_name: sort_dir}
+                block.append(sort_dict)
+        if len(block) == 0 and self.default_sort is not None:
+            block.append(self.default_sort)
+        return block
+
 
 class GetParamsMixin(object):
 
diff --git a/corehq/apps/reports/standard/__init__.py b/corehq/apps/reports/standard/__init__.py
index 9c485954551e..0ef2285839bf 100644
--- a/corehq/apps/reports/standard/__init__.py
+++ b/corehq/apps/reports/standard/__init__.py
@@ -117,7 +117,7 @@ def default_user_filter(self):
 
     @property
     def group_id(self):
-        return self.request.GET.get('group', '')
+        return self.get_request_param('group', '')
 
     @property
     @memoized
@@ -130,12 +130,12 @@ def individual(self):
             todo: remember this: if self.individual and self.users:
             self.name = "%s for %s" % (self.name, self.users[0].raw_username)
         """
-        return self.request_params.get('individual', '')
+        return self.get_request_param('individual', '', from_json=True)
 
     @property
     def mobile_worker_ids(self):
-        ids = self.request.GET.getlist('select_mw')
-        if '_all' in ids or self.request.GET.get('all_mws', 'off') == 'on':
+        ids = self.get_request_param('select_mw', as_list=True)
+        if '_all' in ids or self.get_request_param('all_mws', 'off') == 'on':
             cache_str = "mw_ids:%s" % self.domain
             ids = cache.get(cache_str)
             if not ids:
@@ -174,7 +174,7 @@ def user_ids(self):
 
     @property
     def history(self):
-        history = self.request_params.get('history', '')
+        history = self.get_request_param('history', '', from_json=True)
         if history:
             try:
                 return dateutil.parser.parse(history)
@@ -183,20 +183,20 @@ def history(self):
 
     @property
     def case_type(self):
-        return self.default_case_type or self.request_params.get('case_type', '')
+        return self.default_case_type or self.get_request_param('case_type', '', from_json=True)
 
     @property
     def case_types(self):
-        return [_f for _f in self.request.GET.getlist('case_type') if _f]
+        return [_f for _f in self.get_request_param('case_type', as_list=True) if _f]
 
     @property
     def case_status(self):
         from corehq.apps.reports.filters.select import SelectOpenCloseFilter
-        return self.request_params.get(SelectOpenCloseFilter.slug, '')
+        return self.get_request_param(SelectOpenCloseFilter.slug, '', from_json=True)
 
     @property
     def case_group_ids(self):
-        return [_f for _f in self.request.GET.getlist('case_group') if _f]
+        return [_f for _f in self.get_request_param('case_group', as_list=True) if _f]
 
     @property
     @memoized
@@ -292,14 +292,16 @@ def datespan(self):
 
     @property
     def month(self):
-        if 'month' in self.request_params:
-            return int(self.request_params['month'])
+        value = self.get_request_param('month', from_json=True)
+        if value is not None:
+            return int(value)
         else:
             return datetime.utcnow().month
 
     @property
     def year(self):
-        if 'year' in self.request_params:
-            return int(self.request_params['year'])
+        value = self.get_request_param('year', from_json=True)
+        if value is not None:
+            return int(value)
         else:
             return datetime.utcnow().year
diff --git a/corehq/apps/reports/standard/cases/basic.py b/corehq/apps/reports/standard/cases/basic.py
index 4e78aa5f9ce9..71b5f9370436 100644
--- a/corehq/apps/reports/standard/cases/basic.py
+++ b/corehq/apps/reports/standard/cases/basic.py
@@ -52,7 +52,7 @@ def _base_query(self):
     def _build_query(self):
         query = self._base_query()
         query.es_query['sort'] = self.get_sorting_block()
-        mobile_user_and_group_slugs = self.request.GET.getlist(EMWF.slug)
+        mobile_user_and_group_slugs = self.get_request_param(EMWF.slug, as_list=True)
 
         if self.case_filter:
             query = query.filter(self.case_filter)
@@ -119,7 +119,7 @@ def es_results(self):
     @property
     @memoized
     def case_owners(self):
-        mobile_user_and_group_slugs = self.request.GET.getlist(EMWF.slug)
+        mobile_user_and_group_slugs = self.get_request_param(EMWF.slug, as_list=True)
         return get_case_owners(self.request, self.domain, mobile_user_and_group_slugs)
 
     def get_case(self, row):
@@ -138,10 +138,10 @@ def get_case(self, row):
 
     @property
     def shared_pagination_GET_params(self):
-        shared_params = super(CaseListMixin, self).shared_pagination_GET_params
+        shared_params = super().shared_pagination_GET_params
         shared_params.append(dict(
             name=SelectOpenCloseFilter.slug,
-            value=self.request.GET.get(SelectOpenCloseFilter.slug, '')
+            value=self.get_request_param(SelectOpenCloseFilter.slug, ''),
         ))
         return shared_params
 
diff --git a/corehq/apps/reports/standard/deployments.py b/corehq/apps/reports/standard/deployments.py
index 55b4d2e44dd1..001b27470bef 100644
--- a/corehq/apps/reports/standard/deployments.py
+++ b/corehq/apps/reports/standard/deployments.py
@@ -201,7 +201,7 @@ def get_sorting_block(self):
     @property
     @memoized
     def selected_app_id(self):
-        return self.request_params.get(SelectApplicationFilter.slug, None)
+        return self.get_request_param(SelectApplicationFilter.slug, None, from_json=True)
 
     @quickcache(['app_id'], timeout=60 * 60)
     def _get_app_details(self, app_id):
@@ -229,8 +229,8 @@ def get_data_for_app(self, options, app_id):
     def user_query(self, pagination=True):
         mobile_user_and_group_slugs = set(
             # Cater for old ReportConfigs
-            self.request.GET.getlist('location_restricted_mobile_worker')
-            + self.request.GET.getlist(ExpandedMobileWorkerFilter.slug)
+            self.get_request_param('location_restricted_mobile_worker', as_list=True)
+            + self.get_request_param(ExpandedMobileWorkerFilter.slug, as_list=True)
         )
         user_query = ExpandedMobileWorkerFilter.user_es_query(
             self.domain,
@@ -468,8 +468,8 @@ def rows(self):
     def get_user_ids(self):
         mobile_user_and_group_slugs = set(
             # Cater for old ReportConfigs
-            self.request.GET.getlist('location_restricted_mobile_worker')
-            + self.request.GET.getlist(ExpandedMobileWorkerFilter.slug)
+            self.get_request_param('location_restricted_mobile_worker', as_list=True)
+            + self.get_request_param(ExpandedMobileWorkerFilter.slug, as_list=True)
         )
         user_ids = ExpandedMobileWorkerFilter.user_es_query(
             self.domain,
@@ -651,7 +651,7 @@ def show_in_navigation(cls, domain=None, project=None, user=None):
     def shared_pagination_GET_params(self):
         shared_params = super(ApplicationErrorReport, self).shared_pagination_GET_params
         shared_params.extend([
-            {'name': param, 'value': self.request.GET.get(param, None)}
+            {'name': param, 'value': self.get_request_param(param, None)}
             for model_field, param in self.model_fields_to_url_params
         ])
         return shared_params
@@ -673,7 +673,7 @@ def headers(self):
     def _queryset(self):
         qs = UserErrorEntry.objects.filter(domain=self.domain)
         for model_field, url_param in self.model_fields_to_url_params:
-            value = self.request.GET.get(url_param, None)
+            value = self.get_request_param(url_param, None)
             if value:
                 qs = qs.filter(**{model_field: value})
         return qs
@@ -755,13 +755,13 @@ def decorator_dispatcher(self, request, *args, **kwargs):
     @property
     @memoized
     def selected_app_id(self):
-        return self.request_params.get(SelectApplicationFilter.slug, None)
+        return self.get_request_param(SelectApplicationFilter.slug, None, from_json=True)
 
     @memoized
     def user_query(self):
         # partially inspired by ApplicationStatusReport.user_query
         mobile_user_and_group_slugs = set(
-            self.request.GET.getlist(ExpandedMobileWorkerFilter.slug)
+            self.get_request_param(ExpandedMobileWorkerFilter.slug, as_list=True)
         ) or set(['t__0'])  # default to all mobile workers on initial load
         user_query = ExpandedMobileWorkerFilter.user_es_query(
             self.domain,
@@ -806,7 +806,7 @@ def _sanitize_report_from_date(self, from_date):
 
     @cached_property
     def report_from_date(self):
-        from_date = self.request_params.get(self.FromDateFilter.slug)
+        from_date = self.get_request_param(self.FromDateFilter.slug, from_json=True)
         if from_date:
             try:
                 from_date = iso_string_to_date(from_date)
diff --git a/corehq/apps/reports/standard/forms/filters.py b/corehq/apps/reports/standard/forms/filters.py
index 2d28af73b286..cec5619ccbad 100644
--- a/corehq/apps/reports/standard/forms/filters.py
+++ b/corehq/apps/reports/standard/forms/filters.py
@@ -2,6 +2,7 @@
 
 from corehq.apps.reports.filters.base import BaseReportFilter
 from corehq.apps.reports.models import HQToggle
+from corehq.apps.reports.util import DatatablesServerSideParams
 
 
 class SubmitToggle(HQToggle):
@@ -34,7 +35,7 @@ def filter_context(self):
 
     @classmethod
     def get_filter_toggle(cls, request):
-        filter_ = request.GET.getlist(cls.slug, None)
+        filter_ = DatatablesServerSideParams.get_value_from_request(request, cls.slug, as_list=True)
         return cls.use_filter(filter_)
 
     @classmethod
diff --git a/corehq/apps/reports/standard/forms/reports.py b/corehq/apps/reports/standard/forms/reports.py
index a31fee5c9ee8..cf5349921cde 100644
--- a/corehq/apps/reports/standard/forms/reports.py
+++ b/corehq/apps/reports/standard/forms/reports.py
@@ -63,13 +63,13 @@ def headers(self):
     def selected_user_ids(self):
         return EMWF.user_es_query(
             self.domain,
-            self.request.GET.getlist(EMWF.slug),
+            self.get_request_param(EMWF.slug, as_list=True),
             self.request.couch_user,
         ).get_ids()
 
     @property
     def has_user_filters(self):
-        mobile_user_and_group_slugs = self.request.GET.getlist(EMWF.slug)
+        mobile_user_and_group_slugs = self.get_request_param(EMWF.slug, as_list=True)
         return len(mobile_user_and_group_slugs) > 0
 
     @property
@@ -86,7 +86,7 @@ def form_filter_params(self):
             param_name = f'{form_filter.slug}_{label[2]}'
             params.append(dict(
                 name=param_name,
-                value=self.request.GET.get(param_name, None)
+                value=self.get_request_param(param_name, None)
             ))
         return params
 
diff --git a/corehq/apps/reports/standard/inspect.py b/corehq/apps/reports/standard/inspect.py
index c9ed2709dbe5..dd20238d638d 100644
--- a/corehq/apps/reports/standard/inspect.py
+++ b/corehq/apps/reports/standard/inspect.py
@@ -77,7 +77,7 @@ def _form_filter(form):
     @property
     def es_query(self):
         time_filter = form_es.submitted if self.by_submission_time else form_es.completed
-        mobile_user_and_group_slugs = self.request.GET.getlist(EMWF.slug)
+        mobile_user_and_group_slugs = self.get_request_param(EMWF.slug, as_list=True)
 
         query = (form_es.FormES()
                  .domain(self.domain)
diff --git a/corehq/apps/reports/standard/monitoring.py b/corehq/apps/reports/standard/monitoring.py
index bfaeafdab93e..0312b17f8a41 100644
--- a/corehq/apps/reports/standard/monitoring.py
+++ b/corehq/apps/reports/standard/monitoring.py
@@ -69,7 +69,7 @@
     ProjectReport,
     ProjectReportParametersMixin,
 )
-from corehq.apps.reports.util import format_datatables_data, friendly_timedelta
+from corehq.apps.reports.util import format_datatables_data, friendly_timedelta, DatatablesServerSideParams
 from corehq.apps.users.models import CommCareUser
 from corehq.const import SERVER_DATETIME_FORMAT
 from corehq.util import flatten_list
@@ -135,14 +135,14 @@ class WorkerMonitoringFormReportTableBase(WorkerMonitoringReportTableBase):
 
     def get_raw_row_link(self, row_obj):
         params = {
-            "form_unknown": self.request.GET.get("form_unknown", ''),
-            "form_unknown_xmlns": self.request.GET.get("form_unknown_xmlns", ''),
-            "form_status": self.request.GET.get("form_status", ''),
-            "form_app_id": self.request.GET.get("form_app_id", ''),
-            "form_module": self.request.GET.get("form_module", ''),
-            "form_xmlns": self.request.GET.get("form_xmlns", ''),
-            "startdate": self.request.GET.get("startdate", ''),
-            "enddate": self.request.GET.get("enddate", '')
+            "form_unknown": self.get_request_param("form_unknown", ''),
+            "form_unknown_xmlns": self.get_request_param("form_unknown_xmlns", ''),
+            "form_status": self.get_request_param("form_status", ''),
+            "form_app_id": self.get_request_param("form_app_id", ''),
+            "form_module": self.get_request_param("form_module", ''),
+            "form_xmlns": self.get_request_param("form_xmlns", ''),
+            "startdate": self.get_request_param("startdate", ''),
+            "enddate": self.get_request_param("enddate", '')
         }
 
         params.update(EMWF.for_user(row_obj.user_id))
@@ -216,7 +216,7 @@ def has_case_sharing(self):
     @property
     @memoized
     def view_by_groups(self):
-        return self.request.GET.get('view_by') == 'groups'
+        return self.get_request_param('view_by') == 'groups'
 
     @property
     def shared_pagination_GET_params(self):
@@ -229,15 +229,15 @@ def shared_pagination_GET_params(self):
                 value=CaseTypeFilter.get_value(self.request, self.domain)),
             dict(
                 name='milestone',
-                value=self.request.GET.get('milestone')
+                value=self.get_request_param('milestone')
             ),
             dict(
                 name='landmark',
-                value=self.request.GET.get('landmark')
+                value=self.get_request_param('landmark')
             ),
             dict(
                 name='view_by',
-                value=self.request.GET.get('view_by')
+                value=self.get_request_param('view_by')
             )
         ]
         return params
@@ -288,7 +288,7 @@ def special_notice(self):
     @property
     @memoized
     def landmarks(self):
-        landmarks_param = self.request_params.get('landmarks')
+        landmarks_param = self.get_request_param('landmarks', from_json=True)
         landmarks_param = landmarks_param if isinstance(landmarks_param, list) else []
         landmarks_param = [param for param in landmarks_param if isinstance(param, int)]
         landmarks = landmarks_param if landmarks_param else self._default_landmarks
@@ -300,7 +300,7 @@ def landmarks(self):
     @property
     @memoized
     def milestone(self):
-        milestone_param = self.request_params.get('milestone')
+        milestone_param = self.get_request_param('milestone', from_json=True)
         milestone_param = milestone_param if isinstance(milestone_param, int) else None
         milestone = milestone_param if milestone_param else self._default_milestone
         return datetime.timedelta(days=milestone)
@@ -844,7 +844,7 @@ def selected_simplified_users(self):
     def rows(self):
         export = self.rendered_as in ('email', 'export')
         if util.is_query_too_big(
-            self.domain, self.request.GET.getlist(EMWF.slug), self.request.couch_user,
+            self.domain, self.get_request_param(EMWF.slug, as_list=True), self.request.couch_user,
         ) and not export:
             raise BadRequestError(
                 _('Query selects too many users. Please modify your filters to select fewer than {} users').format(
@@ -878,7 +878,7 @@ def rows(self):
     @property
     @memoized
     def _form_counts(self):
-        mobile_user_and_group_slugs = self.request.GET.getlist(EMWF.slug)
+        mobile_user_and_group_slugs = self.get_request_param(EMWF.slug, as_list=True)
         if (EMWF.show_all_mobile_workers(mobile_user_and_group_slugs)
                 and self.request.can_access_all_locations):
             user_ids = []
@@ -1005,7 +1005,7 @@ def users_by_range(self, datespan, order):
         else:
             get_counts_by_user = get_completed_counts_by_user
 
-        if EMWF.show_all_mobile_workers(self.request.GET.getlist(EMWF.slug)):
+        if EMWF.show_all_mobile_workers(self.get_request_param(EMWF.slug, as_list=True)):
             user_ids = None  # Don't restrict query by user ID
         else:
             user_ids = [u.user_id for u in self.selected_users]
@@ -1370,7 +1370,7 @@ def _view_form_link(self, instance_id):
 
 class WorkerMonitoringChartBase(ProjectReport, ProjectReportParametersMixin):
     flush_layout = True
-    report_template_path = "reports/async/basic.html"
+    report_template_path = "reports/async/bootstrap3/basic.html"
 
 
 def _worker_activity_is_location_safe(view, request, *args, **kwargs):
@@ -1413,7 +1413,7 @@ def display_in_dropdown(cls, domain=None, project=None, user=None):
 
     @property
     def case_types(self):
-        return [_f for _f in self.request.GET.getlist('case_type') if _f]
+        return [_f for _f in self.get_request_param('case_type', as_list=True) if _f]
 
     @property
     @memoized
@@ -1422,7 +1422,7 @@ def view_by_groups(self):
             track_workflow(self.request.couch_user.username,
                            "Worker Activity Report: view_by_groups disabled by EMWF_WORKER_ACTIVITY_REPORT")
             return False
-        view_by_groups = self.request.GET.get('view_by', None) == 'groups'
+        view_by_groups = self.get_request_param('view_by', None) == 'groups'
         track_workflow(self.request.couch_user.username,
                        "Worker Activity Report: view_by_groups == {}".format(view_by_groups))
         return view_by_groups
@@ -1466,13 +1466,13 @@ def headers(self):
 
     @property
     def group_ids(self):
-        return [group_id for group_id in self.request.GET.getlist('group')
+        return [group_id for group_id in self.get_request_param('group', as_list=True)
                 if group_id and group_id != '_all']
 
     @property
     @memoized
     def users_by_group(self):
-        if not self.group_ids or self.request.GET.get('all_groups', 'off') == 'on':
+        if not self.group_ids or self.get_request_param('all_groups', 'off') == 'on':
             groups = Group.get_reporting_groups(self.domain)
         else:
             groups = [Group.get(g) for g in self.group_ids]
@@ -1495,7 +1495,7 @@ def get_users_by_mobile_workers(self):
         return user_dict
 
     def get_admins_and_demo_users(self):
-        ufilters = [uf for uf in ['1', '2', '3'] if uf in self.request.GET.getlist('ufilter')]
+        ufilters = [uf for uf in ['1', '2', '3'] if uf in self.get_request_param('ufilter', as_list=True)]
         return self.get_all_users_by_domain(
             group=None,
             user_filter=tuple(HQUserType.use_filter(ufilters)),
@@ -1507,7 +1507,7 @@ def get_admins_and_demo_users(self):
     def users_to_iterate(self):
         if toggles.EMWF_WORKER_ACTIVITY_REPORT.enabled(self.request.domain):
             user_query = EMWF.user_es_query(
-                self.domain, self.request.GET.getlist(EMWF.slug), self.request.couch_user
+                self.domain, self.get_request_param(EMWF.slug, as_list=True), self.request.couch_user
             )
             return util.get_simplified_users(user_query)
         elif not self.group_ids:
@@ -1868,7 +1868,7 @@ def get_all_rows(self):
 
     def user_rows(self):
         user_es_query = EMWF.user_es_query(
-            self.domain, self.request.GET.getlist(EMWF.slug), self.request.couch_user
+            self.domain, self.get_request_param(EMWF.slug, as_list=True), self.request.couch_user
         )
         chunk_size = 50000
         user_iterator = user_es_query.scroll_ids_to_disk_and_iter_docs()
@@ -1960,7 +1960,7 @@ def _get_selected_users(domain, request):
     """
     return util.get_simplified_users(EMWF.user_es_query(
         domain,
-        request.GET.getlist(EMWF.slug),
+        DatatablesServerSideParams.get_value_from_request(request, EMWF.slug, as_list=True),
         request.couch_user,
     ))
 
diff --git a/corehq/apps/reports/standard/project_health.py b/corehq/apps/reports/standard/project_health.py
index cb0a6eed734b..c88ba850b13f 100644
--- a/corehq/apps/reports/standard/project_health.py
+++ b/corehq/apps/reports/standard/project_health.py
@@ -292,16 +292,16 @@ def decorator_dispatcher(self, request, *args, **kwargs):
 
     @property
     def selected_app_id(self):
-        return self.request_params.get(SelectApplicationFilter.slug, None)
+        return self.get_request_param(SelectApplicationFilter.slug, None, from_json=True)
 
     def get_number_of_months(self):
         try:
-            return int(self.request.GET.get('months', 6))
+            return int(self.get_request_param('months', 6))
         except ValueError:
             return 6
 
     def get_group_location_ids(self):
-        params = [_f for _f in self.request.GET.getlist('grouplocationfilter') if _f]
+        params = [_f for _f in self.get_request_param('grouplocationfilter', as_list=True) if _f]
         return params
 
     def parse_group_location_params(self, param_ids):
diff --git a/corehq/apps/reports/standard/sms.py b/corehq/apps/reports/standard/sms.py
index 0e3eacad5af5..d31d52d13bc5 100644
--- a/corehq/apps/reports/standard/sms.py
+++ b/corehq/apps/reports/standard/sms.py
@@ -886,7 +886,7 @@ def headers(self):
     @property
     @memoized
     def messaging_event(self):
-        messaging_event_id = self.request.GET.get('id', None)
+        messaging_event_id = self.get_request_param('id', None)
 
         try:
             messaging_event_id = int(messaging_event_id)
@@ -1036,7 +1036,7 @@ def headers(self):
     @property
     @memoized
     def xforms_session(self):
-        xforms_session_id = self.request.GET.get('id', None)
+        xforms_session_id = self.get_request_param('id', None)
 
         try:
             xforms_session_id = int(xforms_session_id)
diff --git a/corehq/apps/reports/standard/users/reports.py b/corehq/apps/reports/standard/users/reports.py
index 480f020c0670..7c2c1d4cf10d 100644
--- a/corehq/apps/reports/standard/users/reports.py
+++ b/corehq/apps/reports/standard/users/reports.py
@@ -111,21 +111,21 @@ def total_records(self):
 
     @memoized
     def _get_queryset(self):
-        user_slugs = self.request.GET.getlist(EMWF.slug)
+        user_slugs = self.get_request_param(EMWF.slug, as_list=True)
         user_ids = self._get_user_ids(user_slugs)
         # return empty queryset if no matching users were found
         if user_slugs and not user_ids:
             return UserHistory.objects.none()
 
-        changed_by_user_slugs = self.request.GET.getlist(ChangedByUserFilter.slug)
+        changed_by_user_slugs = self.get_request_param(ChangedByUserFilter.slug, as_list=True)
         changed_by_user_ids = self._get_user_ids(changed_by_user_slugs)
         # return empty queryset if no matching users were found
         if changed_by_user_slugs and not changed_by_user_ids:
             return UserHistory.objects.none()
 
-        user_property = self.request.GET.get('user_property')
-        actions = self.request.GET.getlist('action')
-        user_upload_record_id = self.request.GET.get('user_upload_record')
+        user_property = self.get_request_param('user_property')
+        actions = self.get_request_param('action', as_list=True)
+        user_upload_record_id = self.get_request_param('user_upload_record')
         query = self._build_query(user_ids, changed_by_user_ids, user_property, actions, user_upload_record_id)
         return query
 
diff --git a/corehq/apps/reports/static/reports/js/bootstrap5/datatables_config.js b/corehq/apps/reports/static/reports/js/bootstrap5/datatables_config.js
index 59df9c5904a3..c99e0388e65a 100644
--- a/corehq/apps/reports/static/reports/js/bootstrap5/datatables_config.js
+++ b/corehq/apps/reports/static/reports/js/bootstrap5/datatables_config.js
@@ -1,33 +1,27 @@
 import $ from 'jquery';
+
+import 'datatables.net/js/jquery.dataTables';
+import 'datatables.net-fixedcolumns/js/dataTables.fixedColumns';
+import 'datatables.net-fixedcolumns-bs5/js/fixedColumns.bootstrap5';
+
 import _ from 'underscore';
 import googleAnalytics from 'analytix/js/google';
 import {Tooltip} from 'bootstrap5';
 
-import 'datatables.bootstrap';
-import 'datatables.fixedColumns';
-
 
 var HQReportDataTables = function (options) {
     var self = {};
-    self.dataTableElem = options.dataTableElem || '.datatable';
-    self.paginationType = options.paginationType || 'bs_normal';
+    self.dataTableElem = options.dataTableElem || '.table-hq-report';
     self.forcePageSize = options.forcePageSize || false;
     self.defaultRows = options.defaultRows || 10;
-    self.startAtRowNum = options.startAtRowNum || 0;
     self.showAllRowsOption = options.showAllRowsOption || false;
-    self.aoColumns = options.aoColumns;
+    self.columns = options.aoColumns;  // todo eventually rename aoColumns outside of file
     self.autoWidth = (options.autoWidth !== undefined) ? options.autoWidth : true;
     self.defaultSort = (options.defaultSort !== undefined) ? options.defaultSort : true;
     self.customSort = options.customSort || null;
     self.ajaxParams = options.ajaxParams || {};
     self.ajaxSource = options.ajaxSource;
-    self.ajaxMethod = options.ajaxMethod || 'GET';
-    self.loadingText = options.loadingText || "<i class='fa fa-spin fa-spinner'></i> " + gettext("Loading");
-    self.loadingTemplateSelector = options.loadingTemplateSelector;
-    if (self.loadingTemplateSelector !== undefined) {
-        var loadingTemplate = _.template($(self.loadingTemplateSelector).html() || self.loadingText);
-        self.loadingText = loadingTemplate({});
-    }
+    self.loadingText = options.loadingText || gettext("Loading");
     self.emptyText = options.emptyText || gettext("No data available to display. " +
                                                   "Please try changing your filters.");
     self.errorText = options.errorText || "<span class='badge text-bg-danger'>" + gettext("Sorry!") + "</span> " +
@@ -39,7 +33,7 @@ var HQReportDataTables = function (options) {
     self.fixColsNumLeft = options.fixColsNumLeft || 1;
     self.fixColsWidth = options.fixColsWidth || 100;
     self.show_pagination = (options.show_pagination === undefined) ? true : options.bPaginate;
-    self.aaSorting = options.aaSorting || null;
+    self.order = options.aaSorting || null; // todo eventually rename aaSorting outside of file
     // a list of functions to call back to after ajax.
     // see user configurable charts for an example usage
     self.successCallbacks = options.successCallbacks;
@@ -93,129 +87,125 @@ var HQReportDataTables = function (options) {
         }
         applyBootstrapMagic();
 
-        var dataTablesDom = "frt<'row dataTables_control'<'col-sm-5'il><'col-sm-7 text-right'p>>";
+        var dataTablesDom = "frt<'d-flex mb-1'<'p-2 ps-3'i><'p-2 ps-0'l><'ms-auto p-2 pe-3'p>>";
         $(self.dataTableElem).each(function () {
-            var params = {
-                sDom: dataTablesDom,
-                bPaginate: self.show_pagination,
-                sPaginationType: self.paginationType,
-                iDisplayLength: self.defaultRows,
-                bAutoWidth: self.autoWidth,
-                sScrollX: "100%",
-                bSort: self.defaultSort,
-                bFilter: self.includeFilter,
+            const params = {
+                dom: dataTablesDom,
+                filter: false,
+                paging: self.show_pagination,
+                pageLength: self.defaultRows,
+                autoWidth: self.autoWidth,
+                scrollX: "100%",
+                ordering: self.defaultSort,
+                searching: self.includeFilter,
             };
-            if (self.aaSorting !== null || self.customSort !== null) {
-                params.aaSorting = self.aaSorting || self.customSort;
+            if (self.order !== null || self.customSort !== null) {
+                params.order = self.order || self.customSort;
             }
 
             if (self.ajaxSource) {
-                params.bServerSide = true;
-                params.bProcessing = true;
-                params.sAjaxSource = {
+                params.serverSide = true;
+                params.processing = true;
+                params.ajax = {
                     url: self.ajaxSource,
-                    method: self.ajaxMethod,
+                    method: 'POST',
+                    data: function (data) {
+                        // modify the query sent to server to include HQ Filters
+                        self.addHqFiltersToServerSideQuery(data);
+                    },
+                    error: function (jqXHR, statusText, errorThrown) {
+                        $(".dataTables_processing").hide();
+                        if (jqXHR.status === 400) {
+                            let errorMessage = self.badRequestErrorText;
+                            if (jqXHR.responseText) {
+                                errorMessage = "<p><span class='badge text-bg-danger'>" + gettext("Sorry!") + "</span> " + jqXHR.responseText + "</p>";
+                            }
+                            $(".dataTables_empty").html(errorMessage);
+                        } else {
+                            $(".dataTables_empty").html(self.errorText);
+                        }
+                        $(".dataTables_empty").show();
+                        if (self.errorCallbacks) {
+                            for (let i = 0; i < self.errorCallbacks.length; i++) {
+                                self.errorCallbacks[i](jqXHR, statusText, errorThrown);
+                            }
+                        }
+                    },
                 };
-                params.bFilter = $(this).data('filter') || false;
-                self.fmtParams = function (defParams) {
-                    var ajaxParams = $.isFunction(self.ajaxParams) ? self.ajaxParams() : self.ajaxParams;
-                    for (var p in ajaxParams) {
+                params.searching = $(this).data('filter') || false;
+                self.addHqFiltersToServerSideQuery = function (data) {
+                    let ajaxParams = $.isFunction(self.ajaxParams) ? self.ajaxParams() : self.ajaxParams;
+                    data.hq = {};
+                    for (let p in ajaxParams) {
                         if (_.has(ajaxParams, p)) {
-                            var currentParam = ajaxParams[p];
-                            if (_.isObject(currentParam.value)) {
-                                for (var j = 0; j < currentParam.value.length; j++) {
-                                    defParams.push({
-                                        name: currentParam.name,
-                                        value: currentParam.value[j],
-                                    });
-                                }
-                            } else {
-                                defParams.push(currentParam);
-                            }
+                            let param = ajaxParams[p];
+                            data.hq[param.name] = _.isArray(param.value) ? _.uniq(param.value) : param.value;
                         }
                     }
-                    return defParams;
+                    return data;
                 };
-                params.fnServerData = function (sSource, aoData, fnCallback, oSettings) {
-                    var customCallback = function (data) {
-                        if (data.warning) {
-                            throw new Error(data.warning);
-                        }
-                        var result = fnCallback(data); // this must be called first because datatables clears the tfoot of the table
-                        var i;
-                        if ('total_row' in data) {
-                            self.render_footer_row('ajax_total_row', data['total_row']);
-                        }
-                        if ('statistics_rows' in data) {
-                            for (i = 0; i < data.statistics_rows.length; i++) {
-                                self.render_footer_row('ajax_stat_row-' + i, data.statistics_rows[i]);
-                            }
+
+                params.footerCallback = function (row, data, start, end, display) {
+                    if ('total_row' in data) {
+                        self.render_footer_row('ajax_total_row', data['total_row']);
+                    }
+                    if ('statistics_rows' in data) {
+                        for (let i = 0; i < data.statistics_rows.length; i++) {
+                            self.render_footer_row('ajax_stat_row-' + i, data.statistics_rows[i]);
                         }
-                        applyBootstrapMagic();
-                        if (self.successCallbacks) {
-                            for (i = 0; i < self.successCallbacks.length; i++) {
-                                self.successCallbacks[i](data);
-                            }
+                    }
+                };
+
+                params.drawCallback = function () {
+                    let api = this.api(),
+                        data = api.ajax.json();
+
+                    if (data.warning) {
+                        throw new Error(data.warning);
+                    }
+                    applyBootstrapMagic();
+                    if ('context' in data) {
+                        let iconPath = data['icon_path'] || $(".base-maps-data").data("icon_path");
+                        hqRequire(["reports/js/bootstrap5/maps_utils"], function (mapsUtils) {
+                            mapsUtils.load(data['context'], iconPath);
+                        });
+                    }
+                    if (self.successCallbacks) {
+                        for (let i = 0; i < self.successCallbacks.length; i++) {
+                            self.successCallbacks[i](data);
                         }
-                        return result;
-                    };
-                    oSettings.jqXHR = $.ajax({
-                        "url": sSource.url,
-                        "method": sSource.method,
-                        "data": self.fmtParams(aoData),
-                        "success": customCallback,
-                        "error": function (jqXHR, textStatus, errorThrown) {
-                            $(".dataTables_processing").hide();
-                            if (jqXHR.status === 400) {
-                                var errorMessage = self.badRequestErrorText;
-                                if (jqXHR.responseText) {
-                                    errorMessage = "<p><span class='label label-danger'>" + gettext("Sorry!") + "</span> " + jqXHR.responseText + "</p>";
-                                }
-                                $(".dataTables_empty").html(errorMessage);
-                            } else {
-                                $(".dataTables_empty").html(self.errorText);
-                            }
-                            $(".dataTables_empty").show();
-                            if (self.errorCallbacks) {
-                                for (var i = 0; i < self.errorCallbacks.length; i++) {
-                                    self.errorCallbacks[i](jqXHR, textStatus, errorThrown);
-                                }
-                            }
-                        },
-                    });
+                    }
                 };
             }
-            params.oLanguage = {
-                sProcessing: self.loadingText,
-                sLoadingRecords: self.loadingText,
-                sZeroRecords: self.emptyText,
-            };
-
-            params.fnDrawCallback = function (a,b,c) {
-                /* be able to set fnDrawCallback from outside here later */
-                if (self.fnDrawCallback) {
-                    self.fnDrawCallback(a,b,c);
-                }
+            params.language = {
+                lengthMenu: gettext("_MENU_ per page"),
+                processing: self.loadingText,
+                loadingRecords: self.loadingText,
+                zeroRecords: self.emptyText,
             };
 
-            if (self.aoColumns) {
-                params.aoColumns = self.aoColumns;
+            if (self.columns) {
+                params.columns = self.columns;
             }
 
             if (self.forcePageSize) {
                 // limit the page size option to just the default size
                 params.lengthMenu = [self.defaultRows];
             }
-            var datatable = $(this).dataTable(params);
-            if (!self.datatable) {
-                self.datatable = datatable;
-            }
 
             if (self.fixColumns) {
                 new $.fn.dataTable.FixedColumns(datatable, {
                     iLeftColumns: self.fixColsNumLeft,
                     iLeftWidth: self.fixColsWidth,
                 });
+                params.fixedColumns = {
+                    left: self.fixColsNumLeft,
+                    width: self.fixColsWidth,
+                };
+            }
+            let datatable = $(this).dataTable(params);
+            if (!self.datatable) {
+                self.datatable = datatable;
             }
 
             // This fixes a display bug in some browsers where the pagination
@@ -252,19 +242,12 @@ var HQReportDataTables = function (options) {
                 $inputLabel.html($('<i />').addClass("icon-search"));
             }
 
-            var $dataTablesLength = $(self.dataTableElem).parents('.dataTables_wrapper').find(".dataTables_length"),
-                $dataTablesInfo = $(self.dataTableElem).parents('.dataTables_wrapper').find(".dataTables_info");
-            if ($dataTablesLength && $dataTablesInfo) {
-                var $selectField = $dataTablesLength.find("select"),
-                    $selectLabel = $dataTablesLength.find("label");
-
-                $dataTablesLength.append($selectField);
-                $selectLabel.remove();
-                $selectField.children().append(" per page");
+            let $dataTablesLength = $(self.dataTableElem).parents('.dataTables_wrapper').find(".dataTables_length");
+            if ($dataTablesLength) {
+                let $selectField = $dataTablesLength.find("select");
                 if (self.showAllRowsOption) {
                     $selectField.append($('<option value="-1" />').text(gettext("All Rows")));
                 }
-                $selectField.addClass('form-control');
                 $selectField.on("change", function () {
                     var selectedValue = $selectField.find('option:selected').val();
                     googleAnalytics.track.event("Reports", "Changed number of items shown", selectedValue);
@@ -279,12 +262,6 @@ var HQReportDataTables = function (options) {
     return self;
 };
 
-$.extend($.fn.dataTableExt.oStdClasses, {
-    "sSortAsc": "header headerSortAsc",
-    "sSortDesc": "header headerSortDesc",
-    "sSortable": "header headerSort",
-});
-
 // For sorting rows
 
 function sortSpecial(a, b, asc, convert) {
@@ -324,14 +301,6 @@ function convertDate(k) {
     return new Date(m[1]);
 }
 
-$.fn.dataTableExt.oSort['title-numeric-asc'] = function (a, b) { return sortSpecial(a, b, true, convertNum); };
-
-$.fn.dataTableExt.oSort['title-numeric-desc'] = function (a, b) { return sortSpecial(a, b, false, convertNum); };
-
-$.fn.dataTableExt.oSort['title-date-asc']  = function (a,b) { return sortSpecial(a, b, true, convertDate); };
-
-$.fn.dataTableExt.oSort['title-date-desc']  = function (a,b) { return sortSpecial(a, b, false, convertDate); };
-
 export default {
     HQReportDataTables: function (options) {
         return new HQReportDataTables(options);
diff --git a/corehq/apps/reports/static/reports/js/bootstrap5/tabular.js b/corehq/apps/reports/static/reports/js/bootstrap5/tabular.js
index 85daf77160df..d8867b07d55f 100644
--- a/corehq/apps/reports/static/reports/js/bootstrap5/tabular.js
+++ b/corehq/apps/reports/static/reports/js/bootstrap5/tabular.js
@@ -29,7 +29,6 @@ function renderPage(slug, tableOptions) {
                 defaultRows: tableConfig.default_rows,
                 startAtRowNum: tableConfig.start_at_row,
                 showAllRowsOption: tableConfig.show_all_rows,
-                loadingTemplateSelector: '#js-template-loading-report',
                 autoWidth: tableConfig.headers.auto_width,
             };
         if (!tableConfig.sortable) {
diff --git a/corehq/apps/reports/templates/reports/async/basic.html b/corehq/apps/reports/templates/reports/async/bootstrap3/basic.html
similarity index 100%
rename from corehq/apps/reports/templates/reports/async/basic.html
rename to corehq/apps/reports/templates/reports/async/bootstrap3/basic.html
diff --git a/corehq/apps/reports/templates/reports/async/bootstrap5/basic.html b/corehq/apps/reports/templates/reports/async/bootstrap5/basic.html
new file mode 100644
index 000000000000..0ef37fa197b9
--- /dev/null
+++ b/corehq/apps/reports/templates/reports/async/bootstrap5/basic.html
@@ -0,0 +1,6 @@
+{% extends report_base|default:"reports/async/bootstrap5/default.html" %}
+{% load hq_shared_tags %}
+
+{% block reportcontent %}
+  {% if report_partial %}{% include report_partial %}{% endif %}
+{% endblock %}
diff --git a/corehq/apps/reports/templates/reports/bootstrap5/tabular.html b/corehq/apps/reports/templates/reports/bootstrap5/tabular.html
index 3288d16d304d..f8542d368c28 100644
--- a/corehq/apps/reports/templates/reports/bootstrap5/tabular.html
+++ b/corehq/apps/reports/templates/reports/bootstrap5/tabular.html
@@ -129,14 +129,6 @@ <h2 class="h5 m-0">
 {% endblock reportcontent %}
 
 {% block js-inline %} {{ block.super }}
-  <script type="text/template" id="js-template-loading-report">
-    <div class="report-loading-container">
-      <div class="report-loading">
-        <h4>{% trans "Loading Report" %}</h4>
-        <i class="fa fa-spin fa-spinner"></i>
-      </div>
-    </div>
-  </script>
   {# For custom reports, template_partial might contain javascript #}
   {% for chart in charts %}
     {% with id=forloop.counter|stringformat:"s" slug=report.slug %}
diff --git a/corehq/apps/reports/templates/reports/datatables/bootstrap5/column.html b/corehq/apps/reports/templates/reports/datatables/bootstrap5/column.html
index 510eeb35c167..102c98250415 100644
--- a/corehq/apps/reports/templates/reports/datatables/bootstrap5/column.html
+++ b/corehq/apps/reports/templates/reports/datatables/bootstrap5/column.html
@@ -1,18 +1,39 @@
-<th{% if col.rowspan %} rowspan="{{ col.rowspan }}"{% endif %}{% if col.css %} class="{{ col.css }}"{% endif %}>
-  <div {% if col.help_text %}
-    class="header-popover"
-    style="cursor:pointer;{% if col.width %} width: {{ col.width }};{% endif %}"  {# todo B5: inline style #}
-    data-title="{{ col.title }}"
-    data-content="{{ col.help_text }}"
-  {% elif col.width %}
-    style="width: {{ col.width }};"  {# todo B5: inline style #}
-  {% endif %}>
-    {% if col.sort %}<i class="icon-white fa dt-sort-icon"></i>{% endif %}
-    {% if col.rotate %}<div class="sideways">{% endif %}
-    {{ col.title }}
-    {% if col.rotate %}</div>{% endif %}
+<th
+  {% if col.rowspan %}
+    rowspan="{{ col.rowspan }}"
+  {% endif %}
+  {% if col.css %}
+    class="{{ col.css }}"
+  {% endif %}
+>
+  <div
+    {% if col.help_text %}
+      class="header-popover"
+      style="cursor:pointer;{% if col.width %} width: {{ col.width }};{% endif %}"
+      data-title="{{ col.title }}"
+      data-content="{{ col.help_text }}"
+    {% elif col.width %}
+      style="width: {{ col.width }};"
+    {% endif %}
+  >
+    {% if col.sort %}
+      <i class="icon-white fa dt-sort-icon"></i>
+    {% endif %}
+    {% if col.rotate %}
+      <div class="sideways">
+    {% endif %}
+        {{ col.title }}
+    {% if col.rotate %}
+      </div>
+    {% endif %}
     {% if col.expected %}
-      <div class="expected header-popover" data-title="Expected Value for {{ col.title }}" data-content="The expected value for this column is '{{ col.expected }}'">{{ col.expected }}</div>
+      <div
+        class="expected header-popover"
+        data-title="Expected Value for {{ col.title }}"
+        data-content="The expected value for this column is '{{ col.expected }}'"
+      >
+        {{ col.expected }}
+      </div>
     {% endif %}
     {% if col.help_text %}
       <i class="icon-question-sign fa fa-question-circle"></i>
diff --git a/corehq/apps/reports/util.py b/corehq/apps/reports/util.py
index e05be6e767e6..7d67db4cdf36 100644
--- a/corehq/apps/reports/util.py
+++ b/corehq/apps/reports/util.py
@@ -400,14 +400,31 @@ def send_report_download_email(title, recipient, link, subject=None, domain=None
     )
 
 
-class DatatablesParams(object):
-    def __init__(self, count, start, desc, echo, search=None):
+class DatatablesPagination:
+    """This generates the pagination object for HQ reports.
+    Most reports only care about `count` and `start`
+    The legacy variables (desc, echo, search) should be removed after the Bootstrap 5 migration.
+    - `desc` should be replaced by `DatatablesServerSideParams(...).order`
+    - `echo` should be replaced by `DatatablesServerSideParams(...).draw`
+    - `search` should be replaced by `DatatablesServerSideParams(...).search`
+    """
+
+    def __init__(self, count, start, desc=False, echo=None, search=None, use_bootstrap5=False):
+        """
+        :param count: int - the limit/length of a page
+        :param start: int - the page num (zero indexed), aka skip (or start)
+        legacy variables from Datatables 1.9 or earlier (to be removed)
+        :param desc: boolean (True if sSortDir_0 == 'desc')
+        :param echo: the id of the request made by Datatables aka 'draw' in > 1.10
+        :param search: string, the value of sSearch
+        """
         self.count = count
         self.start = start
         self.end = start + count
-        self.desc = desc
-        self.echo = echo
-        self.search = search
+        self._desc = desc
+        self._echo = echo
+        self._search = search
+        self.use_bootstrap5 = use_bootstrap5
 
     def __repr__(self):
         return json.dumps({
@@ -416,8 +433,38 @@ def __repr__(self):
             'echo': self.echo,
         }, indent=2)
 
+    @property
+    def echo(self):
+        if self.use_bootstrap5:
+            warnings.warn(
+                "Please use datatables_params.draw instead",
+                DeprecationWarning,
+            )
+        return self._echo
+
+    @property
+    def desc(self):
+        if self.use_bootstrap5:
+            warnings.warn(
+                "Please use datatables_params.order instead",
+                DeprecationWarning,
+            )
+        return self._desc
+
+    @property
+    def search(self):
+        if self.use_bootstrap5:
+            warnings.warn(
+                "Please use datatables_params.search instead",
+                DeprecationWarning,
+            )
+        return self._search
+
     @classmethod
     def from_request_dict(cls, query):
+        """Only use this method to populate the legacy values
+        Datatables 1.9 or earlier, where use_bootstrap5 = False
+        """
         count = int(query.get("iDisplayLength", "10"))
         start = int(query.get("iDisplayStart", "0"))
 
@@ -425,7 +472,128 @@ def from_request_dict(cls, query):
         echo = query.get("sEcho", "0")
         search = query.get("sSearch", "")
 
-        return DatatablesParams(count, start, desc, echo, search)
+        return cls(count, start, desc, echo, search, use_bootstrap5=False)
+
+    @classmethod
+    def from_datatables_params(cls, datatables_params):
+        """Use this for bootstrap5 reports,
+        Datatables 1.10 or greater
+        :param datatables_params: DatatablesServerSideParams instance
+        """
+        return cls(datatables_params.length, datatables_params.start, use_bootstrap5=True)
+
+
+class DatatablesServerSideParams:
+    """These are the datatables parameters which accept queries
+    using datatables 1.10 or greater using serverSide = True.
+    """
+    def __init__(self, draw, start, length, columns, order, search, data):
+        """See docs here for reference: https://datatables.net/manual/server-side
+        :param draw: int
+        :param start: int
+        :param length: int
+        :param columns: list of dicts with format
+            {
+                'data': int(index),
+                'name': str(),
+                'searchable': boolean,
+                'orderable': boolean,
+                'search': {'value': str(), 'regex': boolean},
+            }
+        :param order: list of dicts with format
+            {
+                'column': int(index),
+                'dir': str('asc' or 'desc'),
+            }
+        :param search: dict with format {'value': str(), 'regex': boolean}
+        :param data: QueryDict from `request.GET` or `request.POST`
+        """
+        self.columns = columns
+        self.order = order
+        self.draw = draw
+        self.start = start
+        self.length = length
+        self.search = search
+        self.data = data
+
+    @classmethod
+    def from_request(cls, request):
+        """This populates the params with either a GET or POST request
+        :param request: a standard request object
+        :return instance of DatatablesServerSideParams:
+        """
+        data = cls.get_request_data(request)
+        draw = int(data.get('draw', 0))
+        start = int(data.get('start', 0))
+        length = int(data.get('length', 10))
+        columns = cls._get_columns(data)
+        order = cls._get_order(data)
+        search = {
+            'value': data.get('search[value]', ''),
+            'regex': bool(data.get('search[regex]') == 'true'),
+        }
+        return cls(draw, start, length, columns, order, search, data)
+
+    @staticmethod
+    def _get_columns(request_data):
+        columns = []
+        ind = 0
+        while True:
+            try:
+                columns.append({
+                    'data': int(request_data.get(f'columns[{ind}][data]')),
+                    'name': request_data.get(f'columns[{ind}][name]', ''),
+                    'searchable': bool(request_data.get(f'columns[{ind}][searchable]') == 'true'),
+                    'orderable': bool(request_data.get(f'columns[{ind}][orderable]') == 'true'),
+                    'search': {
+                        'value': request_data.get(f'columns[{ind}][search][value]', ''),
+                        'regex': bool(request_data.get(f'columns[{ind}][search][regex]') == 'true'),
+                    }
+                })
+                ind += 1
+            except (ValueError, TypeError):
+                break
+        return columns
+
+    @staticmethod
+    def _get_order(request_data):
+        order = []
+        ind = 0
+        while True:
+            try:
+                order.append({
+                    'column': int(request_data.get(f'order[{ind}][column]')),
+                    'dir': request_data.get(f'order[{ind}][dir]'),
+                })
+                ind += 1
+            except (ValueError, TypeError):
+                break
+        return order
+
+    @classmethod
+    def get_request_data(cls, request):
+        return request.POST if request.method == 'POST' else request.GET
+
+    def get_value(self, param, default_value=None, as_list=False):
+        return self.get_value_from_data(self.data, param,
+                                        default_value=default_value, as_list=as_list)
+
+    @staticmethod
+    def get_value_from_data(data, param, default_value=None, as_list=False):
+        if param in data:
+            return data.getlist(param) if as_list else data.get(param)
+        # for bootstrap 5 reports using Datatables > 1.10
+        for hq_param in [f"hq[{param}][]", f"hq[{param}]"]:
+            if hq_param in data:
+                return data.getlist(hq_param) if as_list else data.get(hq_param)
+        if default_value is None and as_list:
+            return []
+        return default_value
+
+    @classmethod
+    def get_value_from_request(cls, request, param, default_value=None, as_list=False):
+        return cls.get_value_from_data(cls.get_request_data(request), param,
+                                       default_value=default_value, as_list=as_list)
 
 
 # --- Tableau API util methods ---
diff --git a/corehq/apps/styleguide/templates/styleguide/bootstrap5/migration_guide.html b/corehq/apps/styleguide/templates/styleguide/bootstrap5/migration_guide.html
index 4c883944ab88..14fda94921a3 100644
--- a/corehq/apps/styleguide/templates/styleguide/bootstrap5/migration_guide.html
+++ b/corehq/apps/styleguide/templates/styleguide/bootstrap5/migration_guide.html
@@ -31,6 +31,7 @@ <h5 class="my-2 ms-3">On this page</h5>
           <li><a href="#un-split-view-files">Un-Split View Files</a></li>
           <li><a href="#deploy-to-staging">Deploy to Staging</a></li>
           <li><a href="#rebuild-diffs">Rebuild Diffs</a></li>
+          <li><a href="#migrating-report-views">Migrating Report Views</a></li>
         </ul>
       </li>
       <li><a href="#completing-migration">Step 4: Completing the App Migration</a></li>
@@ -512,6 +513,10 @@ <h2 id="migrating-views" class="pt-4">
     The next step is to migrate the app's views one-by-one. It is recommended to make a pull request for each view
     or group of small related views, rather than migrating a lot of views and having a very large Pull Request.
   </p>
+  <div class="alert alert-primary">
+    If the type of view you are migrating is a <strong>Report View</strong>, please jump to the
+    <a href="#migrating-report-views">Migrating Report Views</a> section below.
+  </div>
   <p>
     The migration process begins by either applying <code>@use_bootstrap5</code> decorator the view function or
     <code>@method_decorator(use_bootstrap5, name='dispatch')</code> to the view class. Also update the template's
@@ -575,6 +580,93 @@ <h3 id="un-split-view-files" class="pt-3">
     commit messages and when to commit changes.
   </p>
 
+  <h3 id="migrating-report-views" class="pt-3">
+    Migrating Report Views
+  </h3>
+  <p>
+    If you are migrating a Report, you may realize there is no <code>dispatch</code> method to apply
+    the <code>@use_bootstrap5</code> decorator to. That's because reports are rendered by a
+    <code>ReportDispatcher</code>.
+  </p>
+  <p>
+    Migrating a Report View will be different from other Views:
+  </p>
+  <h4 class="pt-2">
+    1. Set the <code>use_bootstrap5</code> class variable to <code>True</code>
+  </h4>
+  <p>
+    For example, if we want to
+    migrate the <code>SubmitHistory</code> report, we would do the following:
+  </p>
+  <div class="card text-bg-light mb-3">
+    <div class="card-body">
+      <pre class="m-0">class SubmitHistory(...):
+    ...
+    use_bootstrap5 = True
+    ...</pre>
+    </div>
+  </div>
+  <h4 class="pt-2">2. Use the report debugging tool</h4>
+  <div class="card text-bg-light mb-3">
+    <div class="card-body">
+      <pre class="m-0">class SubmitHistory(...):
+    ...
+    debug_bootstrap5 = True
+    ...</pre>
+    </div>
+  </div>
+  <p>
+    You can then view the output in the console for tips on what templates and filters to migrate.
+    <strong>Important: please don't commit this line at the end!</strong>
+  </p>
+
+  <h4 class="pt-2">3. Migrate report templates (if needed)</h4>
+  <p>
+    Check to see that your report doesn't have custom templates that override base report templates.
+    If it does, it should be flagged by the debug tool from step 2&mdash;so you will know!
+  </p>
+  <p>
+    If a custom template is set, and this is the only report using that template, you can then follow the procedure
+    above to <a href="#un-split-view-files">un-split template files</a>. Prior to doing this, make sure to
+    replace the <code>bootstrap3</code> path of this template with the <code>bootstrap5</code> path.
+    You can then update the template's HTML as needed.
+  </p>
+  <div class="alert alert-primary">
+    If this template is referenced by several reports, consider adding that template to the
+    <code>COMMON_REPORT_TEMPLATES</code> list in <code>corehq.apps.hqwebapp.utils.bootstrap.reports.debug</code>
+    after migrating it. Other reports will then automatically select the <code>bootstrap5</code> version
+    of this template when <code>use_bootstrap5</code> is set to <code>True</code>.
+  </div>
+
+  <h4 class="pt-2">4. Migrate filters and any related javascript</h4>
+  <p>
+    The report debugging tool should provide a list of filters that haven't been migrated.
+    You should take the following steps:
+  </p>
+  <ol>
+    <li>
+      Make sure that all related filters are visible in the report (you might have to enable feature flags).
+    </li>
+    <li>
+      Make sure all the filters modify the report as expected, without javascript errors.
+      Update related javascript as necessary.
+    </li>
+    <li>
+      Make sure any buttons on the page work as expected.
+    </li>
+  </ol>
+  <h4 class="pt-2">4. Commit your changes and save progress</h4>
+  <p>
+    Once you are done migrating the report, you must use the following migration
+    tool to mark the report and its filters as complete:
+  </p>
+
+  <div class="card text-bg-light mb-3">
+    <div class="card-body">
+      <pre class="m-0">./manage.py complete_bootstrap5_report &lt;ReportClassName&gt;</pre>
+    </div>
+  </div>
+
   <h3 id="deploy-to-staging" class="pt-3">
     Deploy to Staging
   </h3>
@@ -655,6 +747,12 @@ <h2 id="final-cleanup" class="pt-4">
   <p>
     Once these changes are complete, the <code>@use_bootstrap5</code> decorator can be removed from all the views.
   </p>
+  <p>
+    Additionally, the <code>use_bootstrap5</code> class variable can be removed from all the reports. Cleanup
+    of the <code>bootstrap3</code> templates listed in <code>COMMON_REPORT_TEMPLATES</code> in
+    <code>corehq.apps.hqwebapp.utils.bootstrap.reports.debug</code> can also be completed, as well as the
+    filter templates marked completed by <code>manage.py complete_bootstrap5_report</code>.
+  </p>
   <p>
     Then, <code>build_requirejs</code> can be updated to only build <code>bootstrap5</code> version of files, with
     the split <code>requirejs_config.js</code> files no longer needed, and the
diff --git a/corehq/apps/userreports/reports/view.py b/corehq/apps/userreports/reports/view.py
index a10eaf0d5589..b0ad1a9dba3f 100644
--- a/corehq/apps/userreports/reports/view.py
+++ b/corehq/apps/userreports/reports/view.py
@@ -39,7 +39,7 @@
 from corehq.apps.locations.permissions import conditionally_location_safe
 from corehq.apps.reports.datatables import DataTablesHeader
 from corehq.apps.reports.dispatcher import ReportDispatcher
-from corehq.apps.reports.util import DatatablesParams
+from corehq.apps.reports.util import DatatablesPagination
 from corehq.apps.reports_core.exceptions import FilterException
 from corehq.apps.reports_core.filters import Choice
 from corehq.apps.saved_reports.models import ReportConfig
@@ -433,7 +433,8 @@ def get_ajax(self, params):
         sort_column = params.get('iSortCol_0')
         sort_order = params.get('sSortDir_0', 'ASC')
         echo = int(params.get('sEcho', 1))
-        datatables_params = DatatablesParams.from_request_dict(params)
+        # todo update this for Bootstrap 5:
+        datatables_params = DatatablesPagination.from_request_dict(params)
 
         try:
             data_source = self.data_source
diff --git a/settings.py b/settings.py
index b4b72a073db8..3f6196ce64c8 100755
--- a/settings.py
+++ b/settings.py
@@ -451,7 +451,7 @@
 
 # restyle some templates
 BASE_TEMPLATE = "hqwebapp/bootstrap3/base_navigation.html"
-BASE_ASYNC_TEMPLATE = "reports/async/basic.html"
+BASE_ASYNC_TEMPLATE = "reports/async/bootstrap3/basic.html"
 LOGIN_TEMPLATE = "login_and_password/bootstrap3/login.html"
 LOGGEDOUT_TEMPLATE = LOGIN_TEMPLATE
 
diff --git a/webpack/webpack.common.js b/webpack/webpack.common.js
index 07aa8f1a792f..1c35b8fee247 100644
--- a/webpack/webpack.common.js
+++ b/webpack/webpack.common.js
@@ -7,8 +7,6 @@ const hqPlugins = require('./plugins');
 const aliases = {
     "commcarehq": path.resolve(utils.getStaticPathForApp('hqwebapp', 'js/bootstrap5/'),
         'commcarehq'),
-    "datatables.bootstrap": "datatables.net-bs5",
-    "datatables.fixedColumns": "datatables.net-fixedcolumns/js/dataTables.fixedColumns.min",
     "jquery": require.resolve('jquery'),
     "langcodes/js/langcodes": path.resolve("submodules/langcodes/static/langcodes/js/langcodes"),