Folks,
I am trying to align a bunch of rows under a custom header.
The header goes something like this :
$scope.header = [
{ column:'name', width: '80'},
{ column:'city', width: '80'},
{column:'hobby', width: '200'}
{column:'age', width: '80'}
];
The data goes something like this :
$scope.students = [
{
'city: 'new york',
'name':'James hans',
'age': '35'
},
{
'name':'Superman'
'city: 'los angeles',
'hobby': 'crime fighter',
'age':'30'
},
{
'name':'Spiderman'
'city: 'unknown',
},
];
The output should look like:
Name City Hobby Age
james hans new York - 35
Superman los angeles crime fighter 30
Spiderman unkown - -
At the end of the day i am looking to create a directive that can be used
like below.
<dir column-headers="header" column-body="students" custom-layout />
</dir>
Does anyone know how i can achieve this ?
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/groups/opt_out.
