<div class="d-flex justify-content-end mb-4">

  <div class="form-outline">

    <input

      data-mdb-search

      data-mdb-target="#table_1"

      type="text"

      id="search_table_1"

      class="form-control"

    />

    <label class="form-label" for="search_table_1">Search</label>

  </div>

  <button class="btn btn-primary btn-sm ms-3" data-mdb-add-entry data-mdb-target="#table_1">

    <i class="fa fa-plus"></i>

  </button>

</div>

<hr />

<div

  class="table-editor"

  id="table_1"

  data-mdb-mode="modal"

  data-mdb-entries="5"

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

>

  <table></table>

</div>