tiket_dipesan_tampil.php

<?php
$this->load->view('_partials/header');
?>
<link rel="stylesheet" href="<?php echo base_url('assets/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css') ?>">
<!--tambahkan custom css disini-->
<?php
$this->load->view('_partials/topbar');
$this->load->view('_partials/sidebar');
?>
<!-- Content Header (Page header) -->
<style>
            .dataTables_wrapper {
                min-height: 500px
            }
            .dataTables_processing {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 100%;
                margin-left: -50%;
                margin-top: -25px;
                padding-top: 20px;
                text-align: center;
                font-size: 1.2em;
                color:grey;
            }
        </style>
    </head>
<section class="content-header">
    <h1>
    Tiket Dipesan
    </h1>
</section>
<!-- Main content -->
<section class="content">
    <!-- SELECT2 EXAMPLE -->
    <div class="box box-solid">
        <form role="form" action="?m=train-book" method="post">
            <div class="box-body">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>
                                Agen
                            </label>
                            <select class="form-control input-sm select2" name="deposit_client_id" autofocus="">
                                <option selected="selected" value="2">PT. GRAHATOUR INDONESIA</option>
                                <option value="3">PT. KARYA SOLUSI BINTANG</option>
                                <option value="4">CV. CITRAWEB NUSA INFOMEDIA</option>
                            </select>
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>
                                Tanggal
                            </label>
                            <input class="form-control input-sm" name="record_trans_datetime_range" placeholder="Tanggal" type="text" id="daterange" value="" />
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>
                                Kode Cetak
                            </label>
                            <input class="form-control input-sm" name="record_trans_record_code" placeholder="Kode Cetak" type="text" value="">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <div class="col-md-1">
                        <div class="form-group">
                            <div style="margin-bottom: 1.8em;">
                            </div>
                            <button class="btn btn-info btn-sm" type="submit" name="search">
                            <i class="fa fa-search"></i> C a r i
                            </button>
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.box-body -->
        </form>
    </div>
    <!-- /.box -->
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">Data Transaksi</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body table-responsive">
                    <table id="table" class="display" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Tgl Pesan</th>
                                <th>Tgl Berlaku</th>
                                <th>Agen</th>
                                <th>Data Cetak</th>
                                <th>Harga (Rp). </th>
                                <th>NTA (Rp). </th>
                                <th>Agen (Rp). </th>
                                <th>Margin (Rp). </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>

                        <tfoot>
                        <tr>
                            <th>#</th>
                                <th>Tgl Pesan</th>
                                <th>Tgl Berlaku</th>
                                <th>Agen</th>
                                <th>Data Cetak</th>
                                <th>Harga (Rp). </th>
                                <th>NTA (Rp). </th>
                                <th>Agen (Rp). </th>
                                <th>Margin (Rp). </th>
                        </tr>
                        </tfoot>
                    </table>
                    <!-- /.table -->
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->
</section>
<!-- /.content -->
<!-- /.content -->
<!-- /.content -->
<?php
$this->load->view('_partials/js');
?>
<!--tambahkan custom js disini-->
<?php
$this->load->view('_partials/footer');
?>
<script src="<?php echo base_url('assets/jquery/jquery-2.2.3.min.js')?>"></script>
<script src="<?php echo base_url('assets/datatables/js/jquery.dataTables.min.js')?>"></script>


<script type="text/javascript">
    var table;
    $(document).ready(function() {

        //datatables
        table = $('#table').DataTable({

            "processing": true,
            "serverSide": true,
            "order": [],

            "ajax": {
                "url": "<?php echo site_url('tiket_dipesan/get_data_user')?>",
                "type": "POST"
            },


            "columnDefs": [
            {
                "targets": [ 0 ],
                "orderable": false,
            },
            ],

        });

    });

</script>