<!-- Begin Page Content -->
<div class="container-fluid">

    <!-- Page Heading -->
    <h1 class="h3 mb-2 text-gray-800">All Records</h1>
    <p class="mb-4">DataTables is a third party plugin that is used to generate the demo table below.
        For more information about DataTables, please visit the <a target="_blank"
                                                                   href="https://datatables.net">official DataTables
            documentation</a>.</p>

    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">DataTables Example</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table id="DbRecords" class="table table-bordered"  width="100%" cellspacing="0">
                    <thead>
                    <tr>
                        <th>S.NO</th>
                        <th>Date</th>
                        <th>FirstName</th>
                        <th>LastName</th>
                        <th>Phone</th>
                        <th>State</th>
                        <th>ZipCode</th>
                        <th>JornayaID</th>

                    </tr>
                    </thead>
                    <tbody>
<!--                    <tr>-->
<!--                        <td>Tiger Nixon</td>-->
<!--                        <td>System Architect</td>-->
<!--                        <td>Edinburgh</td>-->
<!--                        <td>61</td>-->
<!--                        <td>2011/04/25</td>-->
<!--                        <td>$320,800</td>-->
<!--                    </tr>-->
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>
<!-- /.container-fluid -->


<script>


    $(document).ready(function () {
        $('#DbRecords').DataTable({
            'processing': true,
            'searching': true,
            'pageLength': 100,
            'serverSide': true,
            'lengthMenu': [[100, 500, 1000, -1], [100, 500, 1000, 'All']],
            "ajax": {
                url: '<?=$path?>home/fetch_all_records',
                type: 'POST'
            }

        });
    });


    // Call the dataTables jQuery plugin
    $(document).ready(function () {

        //    $('#DbRecords111').DataTable({
        //        "processing": true,
        //        "pageLength": 100,
        //        "searching": true,
        //        "serverSide": true,
        //        "lengthMenu": [[100, 500, 1000, -1], [100, 500, 1000, "All"]],
        //        "ajax": {
        //            url: '<?//=$path?>//home/fetch_all_records',
        //            type: 'POST',
        //        }
        //
        //
        //});


    });
</script>