<h4 class="card-title">Staff Attendance</h4>
<h6 class="card-subtitle"></h6>
<div class="table-responsive">
    <table id="example" style='Width:100%'>
        <thead class="bg-info">
            <tr>
                <th scope="col" style="width:50px;">Date</th>
                <th scope="col">Staff Id</th>
                <th scope="col">Name</th>
                <th scope="col">Role</th>
                <th scope="col">Temperature</th>
                <th scope="col">Time In</th>
                <th scope="col">Time Out</th>
                <th scope="col">Status</th>
            </tr>
        </thead>
    </table>
</div>s