Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

Le , par vermine

8PARTAGES

2  0 
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.

Une erreur dans cette actualité ? Signalez-le nous !