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(); 
});