Группировать ячейки таблицы по десятичным точкам

Question

Группировка ячеек таблицы по десятичным точкам.

Плункер

Образец JSON:

[
    {
        "data1": [
            {
                "name": "Download",
                "id": "1.1.1"
            },
            {
                "name": "Download",
                "id": "1.1.2"
            },
            {
                "name": "Download",
                "id": "1.2"
            },
            {
                "name": "Download",
                "id": "1.3"
            },
            {
                "name": "Download",
                "id": "1.4"
            }
        ]
    },
    {
        "data2": [
            {
                "name": "Download",
                "id": "2.1"
            },
            {
                "name": "Download",
                "id": "2.2"
            }
        ]
    },
    {
        "data3": [
            {
                "name": "Download",
                "id": "3.1.1"
            },
            {
                "name": "Download",
                "id": "3.1.2"
            },
            {
                "name": "Download",
                "id": "3.2"
            }
        ]
    },
    {
        "data4": [
            {
                "name": "Download",
                "id": "4.1.1"
            },
            {
                "name": "Download",
                "id": "4.1.2"
            }
        ]
    }
]

HTML:

<table border="0" class="table table-bordered">
    <tbody ng-repeat="(key,result) in results">
    <tr ng-repeat="r in result['data'+[key+1]]">
        <td rowspan="5">{{r.id}}</td>
    </tr>
    </tbody>
</table>

с использованием ng-repeat для отображения каждого идентификатора в отдельной ячейке таблицы.

Фактический результат:

Ожидаемый результат

Из-за ng-repeat ячейки отображаются рядом друг с другом.Ожидаемый результат - разделить ячейку таблицы, используя десятичные точки.

Пример:

Row1 => 1.1.1, 1.1.2, 1.2, 1.3, 1.4

Row2 => 2.1, 2.2

Первая ячейка Row2 (2.1) должна принимать ширину строки1 (1.1.1 и 1.1).2).И 2.2 должен взять оставшуюся ширину 1,2, 1,3 и 1,4

Заранее спасибо.

Answer 1

ваша структура данных не ясна, кажется, необходимо пересмотреть и реорганизовать ее.но пока этот плунжер может вам помочь.(Надеюсь!)

link:

Плункер