<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-sm="true"

     data-mdb-pagination="false"

     data-mdb-entries-options="[5, 10, 15]">

  <table class="table">

    <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>

      <tr>

        <td class="th-sm">First Name</td>

        <td class="th-sm">Last Name</td>

        <td class="th-sm" data-mdb-sort="false">Email Address</td>

        <td class="th-sm" data-mdb-sort="false">Phone Number</td>

      </tr>

      <tr>

        <td class="th-sm">First Name</td>

        <td class="th-sm">Last Name</td>

        <td class="th-sm" data-mdb-sort="false">Email Address</td>

        <td class="th-sm" data-mdb-sort="false">Phone Number</td>

      </tr>

    </tbody>

  </table>

</div>

​