jquery的基本网格插件答案

【问题标题】：basic grid plugin for jqueryjquery的基本网格插件
【发布时间】：2012-03-27 18:38:48
【问题描述】：

我正在寻找一个非常简单的 jquery 数据网格插件，它可以让我执行以下操作

填充它
排序列 a->z 和 z->a
在客户端添加行

我在服务器端使用 asp.net mvc。

【问题讨论】：

标签： jquery-plugins jqgrid

【解决方案1】：

DataTables 非常简单且易于配置：

http://datatables.net/

他们的示例页面列出了许多现成的实现。

【讨论】：

【解决方案2】：

我一直在使用 jquery.tablesorter。 API 非常清晰；您可以覆盖排序功能以提供自定义排序。在此示例中，请注意我也有一个分组标题，我可以为此禁用排序。

<div style="width: 1024px; overflow: scroll">

<table id="myTable" class="tablesorter">
    <thead>
        <tr>
            <th colspan="2">Skill</th>
            <th colspan="2">Resource</th>
            <th colspan="2">Project</th>
            <th>Role</th>                
        </tr>
        <tr>
            <th>Skill</th>
            <th>Complexity</th>
            <th>Bill</th>
            <th>Joe</th>
            <th>Project 1</th>
            <th>Project 2</th>
            <th>Role 1</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>.Net</td>
            <td>2</td>
            <td>1</td>
            <td>3</td>
            <td>4</td>
            <td>2</td>
            <td>2</td>
        </tr>
        <tr>
            <td>UX</td>
            <td>3</td>
            <td>1</td>
            <td>2</td>
            <td>1</td>
            <td>2</td>
            <td>2</td>
        </tr>
        <tr>
            <td>WCF</td>
            <td>3</td>
            <td>4</td>
            <td>1</td>
            <td>3</td>
            <td>2</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

 (function ($) {

        $(document).ready(function () {

            $("#myTable").tablesorter({

                headers: {
                    0: { sorter: false },
                    1: { sorter: false },
                    2: { sorter: false },
                    3: { sorter: false }

                }
            });



        });

    })(jQuery);

【讨论】：

【解决方案3】：

jqGrid 可能是目前最好的网格插件，它应该可以满足您的所有需求，并在需要时为未来的增长提供充足的空间。

http://www.trirand.com/blog/

【讨论】：

它似乎主要是服务器驱动的。我已经对其进行了一些阅读，似乎每次点击都会生成一个服务器操作......我仍在阅读，但在示例中我没有看到任何 JS 代码，它都是控制器代码。
看看加载数据标签下的arraydata示例trirand.com/blog/jqgrid/jqgrid.html
你打败了我！我正在查看服务器端组件。呃。:)
加载数据并将其绑定到网格非常简单:)

【解决方案4】：

jsGrid 是一个真正轻量级和可定制的 jQuery 网格插件http://js-grid.com/

【讨论】：