Javascript jQuery从ajax加载表并自动更新

我在谷歌上搜索这个问题的解决方案已经有一段时间了，但是 我不是找错了东西，就是找不到合适的东西 满足我的需要

我需要一个jQuery表插件或可以完成的相应功能 以下是：

• 通过AJAX加载表内容
• 自动分页
• 列排序

---

• 自动更新超时（每隔一段时间，与AJAX对话，只更新已更改或需要添加的行）您应该看看这里，我所知道的jquery中最好的数据网格：
  有，可以满足您的前三个要求，但我非常怀疑是否有现成的解决方案可以满足您的最后一个要求。虽然非常复杂，但我（个人）发现用于定制开发的数据表文档杂乱无章，难以理解。
  我看到了数据表，但最后一个要求基本上是最重要的：p.杂乱无章和（在我使用它的时候）混乱的结构似乎是一个很大的障碍。我在文档中没有找到关于上一个需求的任何东西，你看到如何做到这一点了吗？你应该实现你自己的自动更新超时逻辑。但可以肯定的是，使用jqgrid是可能的。我已经为一个客户做了类似的东西。@syntaqx您的最后一个要求很高，您只需定制开发即可。没有出路。

  <table class="autoTable">
      <thead>
          <tr>
              <th>Custom Row Name 1</th>
              <th>Custom Row Name 2</th>
              <th>Custom Row Name 3</th>
              <th>Custom Row Name 4</th>
          </tr>
      </thead>
      <tbody>
      </tbody>
  </table>
  

  $('.autoTable').each(function() {
      $(this).autoTable({
          timeout: 500
          url:     "ajax/test.json"
      });
  });
  

  [
      {
          "row1": "Lorem",
          "row2": "Ipsum",
          "row3": "Dolor",
          "row4": "Sit"
      },
      {
          "row1": "Lorem",
          "row2": "Ipsum",
          "row3": "Dolor",
          "row4": "Sit"
      },
      {
          "row1": "Lorem",
          "row2": "Ipsum",
          "row3": "Dolor",
          "row4": "Sit"
      },
      {
          "row1": "Lorem",
          "row2": "Ipsum",
          "row3": "Dolor",
          "row4": "Sit"
      },
      {
          "row1": "Lorem",
          "row2": "Ipsum",
          "row3": "Dolor",
          "row4": "Sit"
      },
      {
          "row1": "Lorem",
          "row2": "Ipsum",
          "row3": "Dolor",
          "row4": "Sit"
      },
      {
          "row1": "Lorem",
          "row2": "Ipsum",
          "row3": "Dolor",
          "row4": "Sit"
      }
  
  ]