<?php
    include_once("../../config.inc.php");
?>
<form method="post" name="myDXForm" id="myDXForm" action="">
<div class="table-rep-plugin">
        <div class="table-responsive" data-pattern="priority-columns">
            <table id="dx1" class="table table-striped table-bordered table-condensed table-hover table-small-font" >
                <thead>
                    <tr>
                        <th></th>
                        <th>Code</th>
                        <th>Description</th>
                    </tr>
                </thead>
                <tbody>
                    <?php

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

     dx_Table = $('#dx1').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "get_dx.php",
        "aaSorting": [[ 1, "asc" ]],
        'columnDefs': [
        {
            'targets': 0,
            'checkboxes': {
               'selectRow': true
            }
        },
        {"bSortable": false , "aTargets": [0] },
        ],
        'select': {
            'style': 'multi'
        },
        "iDisplayLength": 20,
        "aLengthMenu": [[10, 20, 25, 50, 100,200,500], [10, 20, 25, 50, 100,200,500]],
        "oLanguage": {
            sProcessing: '<img src="<?php echo DOC_ROOT; ?>assets/images/preloader.gif">'
        },
        "drawCallback": function( settings ) {
        },
        "rowCallback": function( row, data, index ) {
        },
        "preDrawCallback": function( row, data, index ) {
        },
        "fnInitComplete": function(oSettings, json) {
            $('dx1_filter input[type=search]').focus();
        }
    } );

    } );

</script>