html表格的排序和分頁

Question

我正在使用這個Json到Html表格並獲取值。我需要做的就是爲此進行排序。有人可以幫我嗎？ 其中在objArray傳遞我的Json數據。 我需要做的就是實現排序和分頁。請幫助我。

function CreateTableViewX(objArray, theme, enableHeader) { 
     // set optional theme parameter 
     if (theme === undefined) { 
      theme = 'mediumTable'; //default theme 
     } 

     if (enableHeader === undefined) { 
      enableHeader = true; //default enable headers 
     } 

     var array = typeof objArray != 'object' ? JSON.parse(objArray) : objArray; 

     var str = '<table class="' + theme + '">'; 

     // table head 
     if (enableHeader) { 
      str += '<thead><tr>'; 
      for (var index in array[0]) { 
       str += '<th scope="col">' + index + '</th>'; 
      } 
      str += '</tr></thead>'; 
     } 

     // table body 
     str += '<tbody>'; 
     for (var i = 0; i < array.length; i++) { 
      str += (i % 2 == 0) ? '<tr class="alt">' : '<tr>'; 
      for (var index in array[i]) { 
       str += '<td>' + array[i][index] + '</td>'; 
      } 
      str += '</tr>'; 
     } 
     str += '</tbody>' 
     str += '</table>'; 
     return str; 
    } 

Answer 1

嘗試jQuery的datatable

所有你需要的是指在您的解決方案jQuery和datables腳本文件，使用ID或類名選擇HTML表格並初始化它這樣。 Datatable將負責爲您分類和分頁。

$(document).ready(function(){ 
    $('#tableID').dataTable(); 
});