Here is an updated plnkr: http://plnkr.co/edit/TG6aCEu2TgPq28Jcj0nM

On Friday, February 7, 2014 11:47:09 AM UTC-5, James Hans wrote:
>
> 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