Jquery plugins jquery的基本网格插件

Jquery plugins jquery的基本网格插件,jquery-plugins,jqgrid,Jquery Plugins,Jqgrid,我正在为jquery寻找一个非常简单的数据网格插件,它将允许我执行以下操作 填充它 顺序列a->z和z->a 在客户端上添加行 我在服务器端使用asp.net mvc。jqGrid可能是最好的网格插件,它应该可以满足上面的所有需求,并在需要时提供足够的增长空间 DataTables非常简单且易于配置: 他们的示例页面列出了许多现成的实现。我一直在使用jquery.tablesorter。API非常清晰;您可以重写排序功能以提供自定义排序。在本例中,请注意,我还有一个分组头,可以对其禁用排序 &l

我正在为jquery寻找一个非常简单的数据网格插件,它将允许我执行以下操作

填充它 顺序列a->z和z->a 在客户端上添加行
我在服务器端使用asp.net mvc。

jqGrid可能是最好的网格插件,它应该可以满足上面的所有需求,并在需要时提供足够的增长空间


DataTables非常简单且易于配置:


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

我一直在使用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>

jsGrid是一个非常轻量级且可定制的jQuery网格插件

它似乎主要由服务器驱动。我读了一些关于它的文章,似乎每次点击都会产生一个服务器动作……我还在读,但在示例中我没有看到任何JS代码,都是控制器代码。看看你打败我的加载数据选项卡下的arraydata示例!我在看服务器端组件。Duh.:加载数据并将其绑定到网格非常简单:
 (function ($) {

        $(document).ready(function () {

            $("#myTable").tablesorter({

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

                }
            });



        });

    })(jQuery);