Grundraster-Plugin für jQuery

Question

Ich bin für eine sehr einfache Datenraster-Plugin für jQuery suchen, der mir erlaubt, um folgende

• es
• Ordnung Spalten füllen a-> z und z-> a
• Zeilen anzufügen auf dem Client

ich asp.net MVC auf der Server-Seite verwenden.

Answer 1

jqGrid ist wahrscheinlich das beste Grid-Plugin da draußen, es sollte alles tun, was Sie brauchen, und bietet ausreichend Platz für Wachstum auf der Straße, wenn nötig.

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

Answer 2

Tables ist ziemlich einfach und leicht konfigurierbar:

http://datatables.net/

Ihre Beispiele Seite listet eine Reihe von Implementierungen bereit zu gehen.

Answer 3

Ich habe mit jquery.tablesorter gearbeitet. API ist ziemlich klar; Sie können die Sortierfunktion überschreiben, um eine benutzerdefinierte Sortierung bereitzustellen. Beachten Sie in diesem Beispiel, dass ich auch einen Gruppierungskopf habe, für den ich die Sortierung deaktivieren kann.

<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 ist eine wirklich leichte und individuell anpassbare jQuery Grid-Plugin http://js-grid.com/