I am using an asynchronous method to fill a datatable, which I don't think should have anything to do with table formatting or scrolling, but I can't be sure. I have the following HTML to create my datatable:

    <div class="py-2">
        <div id="datatable" class="table-hover table-striped" data-mdb-loading="true" data-mdb-max-width="900"></div>
    </div>

This SHOULD give me a striped tabe with row hovering, AND when the screen width drops below 900px, the table should have horizontal scroll bars. But none of this works. The table populates as expected from the async method, but the table doesn't have striping, the hover doesn't work, and the horizontal scrollbars don't appear. What did I do wrong?