<table id="example" class="table table-striped table-bordered dt-responsive nowrap" style="width:100%">
    <thead>
        <tr>
            <th>Sr.No</th>
            <th>Clinic Name</th>
            <th>Consultant Name</th>
            <th>Status</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        @php $i=1;@endphp
        @foreach($data as $result)
        <tr>
            <td>{{$i}}</td>
            <td>{{$result->ClinicName}}</td>
            <td>{{$result->Name}}</td>
            <td><?php if($result->Status=='1'){
                    echo "<span style='color:green;'>Active</span>";
                } 
                else { echo "<span style='color:red;'>Inactive</span>";} ?>
            </td>
            <td><a data-id="{{$result->id}}" href='javascript:void(0);' data-toggle="tooltip" data-placement="top"
                    title="Edit" data-original-title="Edit" class="updatespclinic"><i
                        class="lnr lnr-pencil mr-2"></i></a>&nbsp;&nbsp;
                <a data-id="{{$result->id}}" href='javascript:void(0);' data-toggle="tooltip" data-placement="top"
                    title="Delete" data-original-title="Delete" class="deletespclinic" id="bootbox-confirm"><i
                        class="lnr lnr-trash text-danger"></i></a>
            </td>
        </tr>
        @php $i++;@endphp
        @endforeach
    </tbody>
</table>
<script type="text/javascript">
$(document).ready(function() {
    $('#example').DataTable({
        responsive: true
    });
});
</script>