data_pequrban

/* paste di header.php */

<?php if (is_page(622)) { ?>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/725b2a2115b/integration/foundation/dataTables.foundation.css" />
<script src="//cdn.datatables.net/plug-ins/725b2a2115b/integration/foundation/dataTables.foundation.js"></script>

<?php } ?>


/* data pequrban...
login wp admin > create page  ~~ contoh page ID 622
create file page-622.php simpan di folder themes..
*/

<?php
/*
Template Name: Data Pekurban 1435
*/
?>
<?php get_header(); ?>
<!-- Content -->
<div id="full-width-container">
    <div id="full-width-title">
        <h2>Data Kurban Tahun <strong>1435 H </strong></h2>
    </div>

    <div id="full-width-content">
        <table id="example" class="display" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <!--<th>ID</th>-->
                    <th width="100px;">No Order</th>
                    <th width="200px;">Nama Donatur</th>
                    <th>Nama Pequrban</th>
                    <th>Tipe Hewan</th>
                </tr>
            </thead>

            <tfoot>
                <tr>
                    <!--<th>ID</th>-->
                    <th>No Order</th>
                    <th>Nama Donatur</th>
                    <th>Nama Pequrban</th>
                    <th>Tipe Hewan</th>
                </tr>
            </tfoot>
        </table>



        <script type="text/javascript">
        $(document).ready(function() {
            $('#example').dataTable( {
                "ajax": "//simaq.c27g.com/1435/index.php?r=report/other/json",
                "deferRender": true,
                "columns": [
                    //{ "data": "id" },
                    { "data": "order_no" },
                    { "data": "donor_name" },
                    { "data": "nama_pequrban" },
                    { "data": "tipe_hewan" }
                ]
            } );
        } );
        </script>
    </div>
</div>

<?php get_footer(); ?>