How to add a td with colspan in angularjs for each iteration?

Question

I'm trying to do this in angular:

<tr (each)>
  <td>{{attribute1}}</td>
  <td>{{attribute2}}</td>
  <td>{{attribute3}}</td>
</tr>

But I need a wide TD after each TR with colspan 3 like:

<tr>
   <td colspan="3">Another content for row 1</td>
</tr>

As you can see, the (angular each) is inside the <tr>, for my understanding, there's no way to put the colspan row...

Can you help?

see stackoverflow.com/questions/30424507/…

Tamil Selvan C
– Tamil Selvan C

2017-03-13 12:23:32 +00:00
Commented Mar 13, 2017 at 12:23 — Tamil Selvan C
– Tamil Selvan C, Commented Mar 13, 2017 at 12:23

Simon Dragsbæk · Accepted Answer · 2017-03-13 12:37:56Z

1

Something simple like this for Angular 1:

<tr ng-repeat-start="item in items">
  <td>{{item.attribute1}}</td>
  <td>{{item.attribute2}}</td>
  <td>{{item.attribute3}}</td>
</tr>
<tr ng-repeat-end>
   <td colspan="3">Another content for row 1</td>
</tr>

here are the docs

https://docs.angularjs.org/api/ng/directive/ngRepeat

Otherwise you need to do something like this for Angular 2

<template *ngFor let-item [ngForOf]="items">
    <tr>
        <td>{{item.attribute1}}</td>
        <td>{{item.attribute2}}</td>
        <td>{{item.attribute3}}</td>
    </tr>
    <tr>
        <td colspan="3">Another content for row 1</td>
    </tr>
</template>

edited Mar 13, 2017 at 12:37

answered Mar 13, 2017 at 12:21

Simon Dragsbæk

2,4073 gold badges31 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add a td with colspan in angularjs for each iteration?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related