Started table component
diff --git a/views/ngXosViews/sampleView/src/js/main.js b/views/ngXosViews/sampleView/src/js/main.js
index 896ab77..51f3282 100644
--- a/views/ngXosViews/sampleView/src/js/main.js
+++ b/views/ngXosViews/sampleView/src/js/main.js
@@ -25,6 +25,25 @@
controllerAs: 'vm',
templateUrl: 'templates/users-list.tpl.html',
controller: function(Users){
+
+ this.tableConfig = {
+ columns: [
+ {
+ label: 'E-Mail',
+ prop: 'email'
+ },
+ {
+ label: 'E-Mail',
+ prop: 'firstname'
+ },
+ {
+ label: 'E-Mail',
+ prop: 'lastname'
+ }
+ ],
+ classes: 'table table-striped table-condensed'
+ };
+
// retrieving user list
Users.query().$promise
.then((users) => {
diff --git a/views/ngXosViews/sampleView/src/templates/users-list.tpl.html b/views/ngXosViews/sampleView/src/templates/users-list.tpl.html
index edb214a..4cb8d5a 100644
--- a/views/ngXosViews/sampleView/src/templates/users-list.tpl.html
+++ b/views/ngXosViews/sampleView/src/templates/users-list.tpl.html
@@ -1,6 +1,8 @@
<div class="row">
- <h1>Users List</h1>
- <p>This is only an example view.</p>
+ <div class="col-xs-12">
+ <h1>Users List</h1>
+ <p>This is only an example view.</p>
+ </div>
</div>
<div class="row">
<div class="col-xs-4">Email</div>
@@ -14,5 +16,7 @@
</div>
<div class="row">
- <xos-table></xos-table>
+ <div class="col-xs-12">
+ <xos-table data="vm.users" config="vm.tableConfig"></xos-table>
+ </div>
</div>
\ No newline at end of file