Smart Table : générateur de tables pour AngularJS

Simplifiez-vous la vie avec cette bibliothèque JavaScript

Le 2013-06-04 10:16:55, par vermine, Expert éminent sénior

Smart Table : générateur de tables pour AngularJS
Simplifiez-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 :

1
2
3
<div ng-controller="basicsCtrl"> 
    <smart-table rows="rowCollection"></smart-table> 
</div>

Code javascript :

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.

Discussion forum

0 commentaire