Smart Table : générateur de tables pour AngularJS
Simplifiez-vous la vie avec cette bibliothèque JavaScript

Le , par vermine, Responsable JavaScript & AJAX
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 : 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.


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -