Question

我一直在Google上搜索此问题的解决方案，但是我要么找错了，要么找不到那样的东西满足了我的需求。

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

通过AJAX加载表格内容
自动分页
列排序
自动更新超时（每隔一段时间，与AJAX交谈并仅更新已更改或需要添加的行）＆lt; - 这是最重要的。

我认为它的实现类似于：

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

使用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"
    }

]

希望你知道一些事情。

Answer 1

你应该看看这里，jquery中我知道的最佳数据网格：http://www.trirand.com/blog/jqgrid/jqgrid.html

Answer 2

是 DataTables ，它可以达到您的前三个要求，但我非常怀疑您的上一个要求是否有现成的解决方案。虽然非常复杂，但我（个人）发现DataTables的文档对于自定义开发来说是杂乱无章且难以理解的。

来自ajax和自动更新的jQuery加载表

2 个答案: