基本網格的jQuery插件

Question

我要尋找一個非常簡單的數據網格的jQuery插件，讓我做以下

• 填充它
• 順序列A-> Z和Z->一
• 客戶

我使用在服務器端asp.net的MVC上添加行。

Answer 1

jqGrid可能是最好的網格插件，它應該滿足您以上的所有需求，並在需要時提供足夠的增長空間。

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

Answer 2

數據表是非常簡單和易於配置：

http://datatables.net/

它們的例子頁面列出了許多準備去實現。

Answer 3

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

jsGrid是很輕的，可定製的jQuery插件網http://js-grid.com/