<table class="table table-striped">
    <thead>
    <tr>
        <th scope="col">#</th>
        <th scope="col">Username</th>
        <th scope="col" class="d-none d-sm-block">Email</th>
        <th scope="col">Status</th>
        <th scope="col">Edit</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th scope="row" style="vertical-align: middle;">1</th>
        <td style="vertical-align: middle;">Shoxsaroy</td>
        <td style="vertical-align: middle;" class="d-none d-sm-block">Shoxsaroy@gmail.com</td>
        <td style="color:limegreen; font-weight: bold; vertical-align: middle;">Active</td>
        <td style="vertical-align: middle;">
            <button type="button" class="btn btn-outline-info">Edit</button>
            <button type="button" class="btn btn-outline-danger">Delete</button>
        </td>

    </tr>
    <tr>
        <th scope="row">1</th>
        <td>Shoxsaroy</td>
        <td style="vertical-align: middle;" class="d-none d-sm-block">Shoxsaroy@gmail.com</td>
        <td style="color:limegreen; font-weight: bold;"> Active </td>
        <td>
            <button type="button" class="btn btn-outline-info">Edit</button>
            <button type="button" class="btn btn-outline-danger">Delete</button>
        </td>

    </tr>
    <tr>
        <th scope="row">1</th>
        <td>Shoxsaroy</td>
        <td style="vertical-align: middle;" class="d-none d-sm-block">Shoxsaroy@gmail.com</td>
        <td style="color:limegreen; font-weight: bold;"> Active </td>
        <td>
            <button type="button" class="btn btn-outline-info">Edit</button>
            <button type="button" class="btn btn-outline-danger">Delete</button>
        </td>

    </tr>
    </tbody>
</table>