kodepos.html

<div class=" ">
    <div class=" ">
        <table class="table table-bordered" id="example">
            <thead>
                <tr class="bg-primary">
                    <th> Kodepos </th>
                    <th> Desa / Kelurahan </th>
                    <th> Kecamatan </th>
                    <th> Kabupaten / Kota </th>
                </tr>
            </thead>
        </table>
    </div>
</div>
<!-- -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/css/dataTables.bootstrap.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
    .paginate_button{
        padding: 0 !important; 
        margin-left: 0 !important; 
        border: 0px solid #ccc !important; 
    }
    .paginate_button.disabled{ 
        border: 0px solid #ccc !important; 
    }
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/js/jquery.dataTables.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/js/dataTables.bootstrap.js"></script>
<script type="text/javascript">
    var dataTable = $('#example').DataTable({  
        "processing":true,  
        "serverSide":true,  
        "order":[],  
        "ajax":{  
            url:"{base}/kodepos/datatable_ajax",  
            type:"POST"  
        } 
    });
</script>