Question

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

填充它
订购列a-＆gt; z和z-＆gt; a
在客户端上添加行

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

Answer 1

DataTables非常简单易用，可以配置：

http://datatables.net/

他们的示例页面列出了许多随时可用的实现。

Answer 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);

Answer 3

jqGrid可能是最好的网格插件，它应该完成你需要的所有内容，并在必要时提供充足的发展空间。

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

Answer 4

jsGrid是一个非常轻量级且可自定义的jQuery网格插件http://js-grid.com/

jquery的基本网格插件

4 个答案: