Expected behavior Successful migration of datatable from MDB standard 6.4.0 to MDB standard 7.2.0 using UMD

Actual behavior datatable not initialised

Resources (screenshots, code snippets etc.) I'm migrating from 6.4.0 to 7.2.0. I have followed the migration instructions and I'm testing the end result, loading the html file locally into the browser. There are a few things that don't work. This post concerns datatable elements. This is how I instantiated a datatable via Javascript using version 6.4.0:

const orderTableColumns = [
    { label: 'Id', field: 'id' },
    { label: 'Processor', field: 'processor' },
    { label: 'Start Time', field: 'vstart' },
    { label: 'Stop Time', field: 'vstop' },
    { label: 'Processing Start', field: 'pstart' },
    { label: 'Processing Stop', field: 'pstop' },
    { label: 'Status', field: 'status' },
    { label: 'Node', field: 'node' }
];
var orderTableSort = { column: "id", order: "ASC" };
var orderTable;
orderTable = new mdb.Datatable(
    document.getElementById('orderTable'),
    { columns: orderTableColumns, },
    { loading: true, noFoundMessage: 'no results', selectable: true, multi: true, sm: true, fullPagination: true, fixedHeader: true, forceSort: true, sortField: orderTableSort.column, sortOrder: orderTableSort.order.toLowerCase() }
);

According to the migration guide:

Datatable - add data-mdb-datatable-init attribute to .datatable.

but this works only if the datatable is instantiated via html. In the datatable component section, there are examples of how to instantiate it via javascript using UMD, and they are the same as in v6.4.0, there is no mention of the data-mdb-datatable-init attribute. If I create a snippet on the mdbootstrap web portal, it works, but the same code does not work when executed locally by a browser, I get the following error: Uncaught TypeError: mdb.Datatable is not a constructor