Expected behavior I am having the following issues with the table-editor: 1. table-responsive-sm does not seem to be working. Is there a workaround? I added custom css but it is not working (included below). 2. On mobile the table does not have a horizontal scroll. 3. table-hover does not work. 4. I used custom css to hide the table pagination.

Actual behavior

Resources (screenshots, code snippets etc.)

<div class="d-flex justify-content-end">
              <div class="div">
                <div class="h6 position-absolute" style="left:45%;width:200px;margin-left:-50px">Additional Property Owners</div>
              </div>
              <button data-mdb-ripple-init class="btn btn-primary btn-sm ms-3" data-mdb-add-entry data-mdb-target="#addPropertyOwnersTable">
                <i class="fa fa-plus"></i>
              </button>
            </div>
            <hr />
            <div
              class="table-editor"
              id="addPropertyOwnersTable"
              data-mdb-table-editor-init
              data-mdb-entries="3"
              data-mdb-pagination="true"
              data-mdb-entries-options="[5, 10, 15]">
              <table class="table table-responsive-sm table-hover">
                <thead>
                  <tr>
                    <th class="th-sm">First Name</th>
                    <th class="th-sm">Last Name</th>
                    <th class="th-sm" data-mdb-sort="false">Email Address</th>
                    <th class="th-sm" data-mdb-sort="false">Phone Number</th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>

.table-editor__pagination {

display: none; } .table tbody th { height: 20px; } .table tbody tr { height: 20px; }