How to use ng-repeat to define a table's td colspan? (AngularJS)

Question

Given the following code, how do you define the colspan of that first td to match the number of other "td"s in its table so that it can take the full width of the table?

<table ng-repeat="product in products">
    <tr>
        <td colspan="">
            {{product.name}}
        </td>
    </tr>
    <tr ng-repeat="item in product.items">
        <td ng-repeat="element in item">
            {{element}}
        </td>
    </tr>
</table>

Live code here: http://jsfiddle.net/z37uofqk/

brettvd · Accepted Answer · 2015-04-08 00:38:11Z

2

I think what you're trying to do is get the column to span the whole table. This is a good way to do that:

<td colspan="100%">
    {{product.name}}
</td>

answered Apr 8, 2015 at 0:38

brettvd

4862 silver badges5 bronze badges

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

2 Comments

trs Over a year ago

@brettvd thanks that works. Although I'm trying to find a way to use that "element" in elements as a variable elsewhere in the page. So it's more of a Javascript / Angular question really rather than html.

Claudiu Over a year ago

Nice! Didn't know about colspan="100%"

Collectives™ on Stack Overflow

How to use ng-repeat to define a table's td colspan? (AngularJS)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related