<table data-toggle="table"
                           data-click-to-select="true"
                           data-pagination="true"
                           data-page-list="[5, 10, 15, 20]"
                           data-height="340"



                           data-search="true" class="table-hover table-responsive" id="tableRoomList">
                        <thead>
                            <tr>
                                <th data-sortable="true">Date</th>
                                <th data-sortable="true">Time</th>
                                <th data-sortable="true">Type of     Appointments</th>
                                <th data-sortable="true">Doctor Name</th>
                                <th data-sortable="true">Facility Name</th>
                                <th data-sortable="true">Facility Address</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var item in Model)
                            {
                                <tr>
                                    <td data-sortable="true">@Html.DisplayFor(modelItem => item.TransDate)</td>
                                    <td data-field="record" data-sortable="true">@Html.DisplayFor(modelItem => item.TimeIn)</td>
                                    <td data-sortable="true">@Html.DisplayFor(modelItem => item.ApptType)</td>
                                    <td data-sortable="true">@Html.DisplayFor(modelItem => item.DoctorName)</td>
                                    <td data-sortable="true">@Html.DisplayFor(modelItem => item.FacilityName)</td>
                                    <td data-sortable="true">@Html.DisplayFor(modelItem => item.FacilityAddress_1)</td>
                                </tr>
                            }
                        </tbody>
                    </table>