JSON to HTML table in AngularJS

Question

I have an XML which I converted to JSON to get HTML table out of it.

Find the demo here

I'm able to get the table, but I need width according to _cellwidth. I used ng-style but it's not working.

Also, I need to rowspan the blank cell with their _realIndex which is essentially column number to be spanned with and remove those blank later.

desired output

Please note, I wanted it to be dynamic (not hard coded).

Shashank Agrawal · Accepted Answer · 2015-12-11 10:38:28Z

1

Regarding your ng-style issue, change your line from

 ng-style="{ width: y._cellWidth }"

to:

 ng-style="{ width: (y._cellWidth + 'px') }"

Since your _cellWidth is just the number (in string format).

answered Dec 11, 2015 at 10:38

Shashank Agrawal

25.9k11 gold badges98 silver badges126 bronze badges

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

2 Comments

I see your values of _cellWidth. It's very higher for a normal screen so it's not getting adjusted probably for your screen width.

how can i add all cell width of first row so we can divide individual with Sum and get specify width in %