Data Table Sort Indicator

by susheelv12

HTML

<script src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<table id="myTable" class="datatable ">
    <thead>
       
    </thead>
    <tbody></tbody>
</table>

CSS

.sorting_asc:after{
   content :'▲';
  
   
} 

.sorting_desc:after{
     content:"▼"; 
    
    
}

JavaScript

var myData = [{
    "Name": "SUPER MAN",
    "City": "New York",
    "Country": "USA"
}, {
    "Name": "RAMBO",
    "City": "SFO",
    "Country": "USA"
}, {
    "Name": "IRON MAN",
    "City": "Chicago",
    "Country": "USA"
}

];

$(document).ready(function () {
    
    try{

     
       if ($.fn.dataTable.isDataTable('#myTable')) {

            var summaryTable = $('#myTable').DataTable();
            summaryTable.clear().draw();
            summaryTable.rows.add(myData).draw();

        } else {
            
            initializeDepartureCityTable(myData);
        }
        
        var table = $('#myTable').DataTable();
        table.column(2).visible(false);
    }catch(e){
     
        alert(e);
    }
   


});



function initializeDepartureCityTable(data) {

        $('#myTable').dataTable({

                "data": data,
                "columns": [{
                title: "Name",
                data: "Name",
                sClass: "center nowrap"
            }, {
                title: "City",
                data: "City",
                sClass: "center nowrap"
            }, {
                title: "Country",
                data: "Country",
                sClass: "center nowrap"
            }


            ],
                "bSortable": true,
            aaSorting: []
        });


    }