KendoUI table + AngularJS

Je suis en train de mettre en œuvre un générique de table widget (à l'aide de KendoUI) ayant la liaison de données fait avec AngularJS.
Le tableau widget devrait ressembler à quelque chose comme ceci dans le fichier HTML (violon ici: http://jsfiddle.net/mihaichiritescu/ULN36/35/):

<div ng:controller="Tester">
    <gridview>
        <div data-ng-repeat="man in people">
            <gridviewcolumn datasource="name" man="man"></gridviewcolumn>
            <gridviewcolumn datasource="age" man="man"></gridviewcolumn>               
        </div>            
    </gridview>
</div> 

Fondamentalement, le tableau aurait une ng-repeat qui reproduirait dans la liste des objets, et pour chaque objet, à l'aide de la "gridviewcolumn", je voudrais ajouter les cellules de chaque ligne.
De cette façon, je suis en train de reproduire la structure de la KendoUI table, ce qui est quelque chose comme ceci:

​​<div id="grid">
<div class="k-grid-header"></div>
<div class="k-grid-content">
    <table>
        <colgroup></colgroup>
        <tbody>
            <tr>
                <td></td>
                <td></td>                
            </tr>          
        </tbody>
    </table>
</div>
<div class="k-pager-wrap k-grid-pager"></div>
<div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Donc, en utilisant le ng-repeat, pour chaque objet, je vais ajouter dynamiquement une nouvelle ligne, et pour chaque colonne, je vais ajouter une nouvelle cellule sur le dernier ajout à la ligne. Malheureusement, je ne suis pas en mesure de manipuler le ng-repeat directive de manière à ce que je vais correctement reproduire la structure interne de la KendoUI affichage de la grille. Je suis de se retrouver avec une table interne de la structure ressemblant à ceci:

​<div id="grid">
<div data-ng-repeat="man in people" class="ng-scope">
    <div datamember="name" man="man" class="ng-binding">name1</div>
    <div datamember="age" man="man" class="ng-binding">21</div>
</div>
<div data-ng-repeat="man in people" class="ng-scope">
    <div datamember="name" man="man" class="ng-binding">name2</div>
    <div datamember="age" man="man" class="ng-binding">25</div>
</div>
<div class="k-grid-header"></div>
<div class="k-grid-content">
    <table>
        <colgroup></colgroup>
        <tbody>
            <tr>
                <td></td>
                <td></td>                
            </tr>          
        </tbody>
    </table>
</div>
<div class="k-pager-wrap k-grid-pager"></div>
<div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

Je voudrais en quelque sorte de placer le contenu de la ng-repeat directive dans le corps de la table, pas au-dessus d'elle. Personne ne sait comment faire cela?
Je pourrais utiliser jquery pour placer le contenu dans les cellules, mais j'aurais toujours le supprimer/masquer la ng-repeat directives et de leur contenu à partir de ci-dessus le corps de table, dont je ne sais pas comment le faire sans moches, les hacks.
Aussi, je ne suis pas forcément lié à KendoUI gridview, mais il semble plus beau que les autres, et c'est probablement similaires à la structure interne d'une autre table widgets, donc, je rencontre le même problème avec d'autres widgets.
Avez-vous les gars avez des idées/conseils sur la façon de mettre en œuvre un générique de table à l'aide d'AngularJS? J'ai fait une recherche pour certains tableaux fait avec AngularJS, mais je n'ai pas trouvé quelque chose qui aurait une bonne fonctionnalité et esthétique.

OriginalL'auteur Paul Chiritescu | 2012-07-30