I have created a plnkr for those who want to fork:

http://plnkr.co/edit/TG6aCEu2TgPq28Jcj0nM

On Friday, February 7, 2014 10:59:24 AM UTC-5, James Hans wrote:
>
> 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.

Reply via email to