<div  class="datatable">

  <table>

    <thead>

      <tr>

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

        <th class="th-sm">Position</th>

        <th class="th-sm">actions</th>

      </tr>

    </thead>

    <tbody>

      <tr>

        <td>Tiger Nixon</td>

        <td>System Architect</td>

        <td><div class="dropdown">

  <button

    class="btn btn-primary dropdown-toggle"

    type="button"

    id="dropdownMenuButton"

    data-mdb-toggle="dropdown"

    aria-expanded="false"

  >

    Dropdown button

  </button>

  <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">

    <li><a class="dropdown-item" href="#">Action</a></li>

    <li><a class="dropdown-item" href="#">Another action</a></li>

    <li><a class="dropdown-item" href="#">Something else here</a></li>

  </ul>

</div></td>

      </tr>

      <tr>

        <td>Garrett Winters</td>

        <td>Accountant</td>

        <td><div class="dropdown">

  <button

    class="btn btn-primary dropdown-toggle"

    type="button"

    id="dropdownMenuButton"

    data-mdb-toggle="dropdown"

    aria-expanded="false"

  >

    Dropdown button

  </button>

  <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">

    <li><a class="dropdown-item" href="#">Action</a></li>

    <li><a class="dropdown-item" href="#">Another action</a></li>

    <li><a class="dropdown-item" href="#">Something else here</a></li>

  </ul>

</div></td>

      </tr>

    </tbody>

  </table>

</div>