Mengatur Limit Colspan & Dynamic Rowspan AngularJS

Halo, Saya ingin bertanya, saya punya sebuah aray seperti ini :

arr = [

{"name": "John", "age": 17, "brothers":[{"name":"steve"},{"name":"james"},"name":"robert","name":"juzu"],
{"name": "Doe", "age": 18, "brothers":[{"name":"kelly"},{"name":"smith"}, "name":"herry"],
{"name": "John Doe", "age": 19, "brothers":[{"name":"old"},{"name":"sch"}, {"name":"Jee"},{"name":"hero"},{"name":"tony"}],

];

Saya ingin membuat data array saya jadi table, dengan limit colspan secara manual (2), tapi rowspanya mengikuti data dari namenya. misal : data name ada 6, berarti rowspanya 6/colspan(2) = 3 rowspan.

mungkin disini ada yang pernah buat?

ilustrasi :

<a href='i.stack.imgur.com/bD1Ho.png'>i.stack.imgur.com/bD1Ho.png</a>