Smart Table : générateur de tables pour AngularJSSimplifiez-vous la vie avec cette bibliothèque JavaScript
Smart Table est un générateur de tables/grilles. Il est censé être facilement configurable mais aussi personnalisable. Il aide à restituer rapidement des données sous forme de tableaux dans des projets de AngularJS.
Pour afficher les données, vous devez simplement ajouter la directive smart-table et lier l'attribut rows à un tableau (rowCollection). Ce tableau contient des objets pour chaque ligne.
Exemple :
| Code html : | Sélectionner tout |
1 2 3 | <div ng-controller="basicsCtrl"> <smart-table rows="rowCollection"></smart-table> </div> |
| Code javascript : | Sélectionner tout |
1 2 3 4 5 6 7 | app.controller('basicsCtrl', ['$scope', function (scope) { scope.rowCollection = [ {firstName: 'Laurent', lastName: 'Renard', birthDate: new Date('1987-05-21'), balance: 102, email: 'whatever@gmail.com'}, {firstName: 'Blandine', lastName: 'Faivre', birthDate: new Date('1987-04-25'), balance: -2323.22, email: 'oufblandou@gmail.com'}, {firstName: 'Francoise', lastName: 'Frere', birthDate: new Date('1955-08-27'), balance: 42343, email: 'raymondef@gmail.com'} ]; }]); |
Il supporte également des mises en page en spécifiant les colonnes, le formatage des données et le tri. Smart Table possède quelques fonctionnalités plus avancées comme les styles, l'édition en ligne, la pagination et bien d'autres.
Smart Table.Source : d'après un article sur DailyJS. Cet article parle également de TurtleScript.