Untitled

<html>
<head>
      <script type="text/javascript" src="script.js"></script>
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
      <script type="text/javascript" src="http://tablesorter.ru/jquery.tablesorter.min.js"></script>
      <script type="text/javascript" src="http://tablesorter.ru/addons/pager/jquery.tablesorter.pager.js"></script>
      <script type="text/javascript">
        $(document).ready(function()
        {
        $("#excelDataTable1").tablesorter();
        }
        );
        </script>

</head>
<body onLoad="main()">
    <table id="excelDataTable" border="1" class="tablesorter">
    </table>

</body>
</html>

var myList=[{"Идентификатор" : "1", "Название" : "Iphone","Стоимость":"500","Количество":"5"},
        {"Идентификатор" : "2", "Название" : "XBOX","Стоимость":"300","Количество":"7"},
        {"Идентификатор" : "3", "Название" : "XBOX","Стоимость":"400","Количество":"7"}];
function buildHtmlTable() {
 var columns = addAllColumnHeaders(myList);

 for (var i = 0 ; i < myList.length ; i++) {
     var row$ = $('<tr/>');
     for (var colIndex = 0 ; colIndex < columns.length ; colIndex++) {
         var cellValue = myList[i][columns[colIndex]];

         if (cellValue == null) { cellValue = ""; }

         row$.append($('<td/>').html(cellValue));
     }
    $("#excelDataTable").append(row$);
 }

    $("#excelDataTable").append($('<tbody/>'));}
 function addAllColumnHeaders(myList)
{
 var columnSet = [];
 var headerTr$ = $('<tr/>');

     var rowHash = myList[0];
     for (var key in rowHash) {

         if ($.inArray(key, columnSet) == -1){
             headerTr$.append($('<th/>').html(key));
             columnSet.push(key);
         }
     }
 $("#excelDataTable").append($('<thead/>').html(headerTr$));
 alert(columnSet);
 return columnSet;}
  function main(){
buildHtmlTable();}