I am trying to display a datatable loaded asynchronously in a modal window of my page. The data comes from a webhandler, which is working correctly, and the code for loading the datatable seems to work properly also, because there are no errors or messages displayed in the developer console. Here's the code for creating and loading the datatable:

HTML for declaring the datatable in the modal-content section of the modal:

        <div class="row d-flex justify-content-center">
            <div class="datatable" id="dtNotes" name="dtNotes" data-mdb-loading="false"
                data-mdb-loader-class="bg-success" data-mdb-fixed-header="true" data-mdb-loading-message="Loading comments..."
                data-mdb-no-found-message="No comment records to display" data-mdb-striped="true">
            </div>
        </div>

Javascript code for creating the table:

        const cols = [
            { label: 'Posted', field: 'Posted' },
            { label: 'Comments', field: 'Comments' }
        ];

        const comments = new mdb.Datatable(
            document.getElementById('dtNotes'),
            { cols, },
            { loading: true }
        );

Javascript code for loading the datatable:

        function loadCommentModal(id) {
            const myModalEl = document.getElementById('mdlComments')
            const modal = new mdb.Modal(myModalEl)
            modal.show();
            loadComments(id);
        };

        function loadComments(id) {
            fetch('handlers/getcomments.ashx?id='+id)
                .then((response) => response.json())
                .then((data) => {
                    comments.update({
                            rows: data.map((record) => ({
                                ...record,
                                Posted: record.NoteOn,
                                Comments: record.Body,
                            })),
                        },
                        { loading: false }
                    );
                });
        };

The problem I have is, when the modal loads, you can see that the datatable loaded correctly (I guess), because it shows there are 2 records to display, which is right. BUT, the data itself doesn't appear. Here's a screenshot of the modal after the code above runs:

Is there something else that needs to be done (such as reinitializing the datatable) to make the data appear? Thank you!