<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
 <table
                                                    class="table table-bordered table-hover table-striped table-condensed"
                                                    id="invoice1">
                                                    <thead class="thead-light">
                                                        <tr>
                                                            <th>Account Name</th>
                                                            <th>Address</th>
                                                            <th>Trade License #</th>
                                                            <th>Mobile #</th>
                                                            <th>TRN #</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <!-- <tr id="invoice-no-data">
                                                                <td colspan="7" style="text-align:center"> 
                                                                    There's no data 
                                                                </td>
                                                            </tr> -->
                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <th>Account Name</th>
                                                            <th>Address</th>
                                                            <th>Trade License #</th>
                                                            <th>Mobile #</th>
                                                            <th>TRN #</th>
                                                        </tr>
                                                    </tfoot>
                                                </table>






<script  src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script  src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
  
    <script>
 $(function () {

    var table = $('#invoice1').dataTable({
				    "sAjaxDataProp":"",
                    "stateSave": false,
                    "bProcessing": false,
                    "autoWidth": false,
                    "bServerSide": false,
                    "sAjaxSource": "addDealers.php?view=dealers",
          columns: [
            { "data": "COAName" },
            { "data": "Attr4" },
            { "data": "Attr10" },
            { "data": "Attr11" },
            { "data": "Attr15" }
        ]
                  });
/*
$('.dataTables_filter input').unbind().keyup(function(e) {
    var value = $(this).val();
    if (value.length>3) {
        alert(value);
        table.search(value).draw();
    } else {     
        //optional, reset the search if the phrase 
        //is less then 3 characters long
        table.search('').draw();
    }        
});*/
} );
    </script>