<div class="form-outline mb-4">

  <input type="text" class="form-control" id="datatable-search-input" />

  <label class="form-label" for="datatable-search-input">Search</label>

</div>

<div class="datatable" id='datatable'>

    <table>

        <thead>

        <tr>

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

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

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

        </tr>

        </thead>

        <tbody>

            <tr>

                <td></td>

                <td>one</td>

                <td>date.one</td>

            </tr>

            <tr>

                <td></td>

                <td>two</td>

                <td>date.two</td>

            </tr>

            <tr>

                <td></td>

                <td>three</td>

                <td>date.three</td>

            </tr>

            <tr>

                <td></td>

                <td>four</td>

                <td>date.four</td>

            </tr>

        </tbody>

    </table>

</div>